Sinun ei tarvitse olla analyytikko voidaksesi sisällyttää tietoja verkkosivustollesi ja viesteihisi. WordPress-kaavioiden lisääminen verkkosivustollesi lisää jakamiesi tietojen uskottavuutta. Visuaaliset esitykset ovat myös tärkeä tapa täydentää kirjallisia raportteja ja havainnollistaa jakamiasi tietoja. On olemassa erinomaisia tietojen visualisointityökaluja, joiden avulla voit helposti lisätä kaavioita, kaavioita ja taulukoita WordPressiin.

Nämä työkalut voivat auttaa kokemattomimmankin henkilön arvioimaan tietoja ja tekemään johtopäätöksiä, joita tilastot tukevat. Näitä visuaalisia esityksiä on helppo luoda käyttämällä WordPress-kaaviolaajennusta tai kaaviolaajennusta. Laajennukset voivat auttaa virtaviivaistamaan ja käytännössä automatisoimaan kaavioiden, kaavioiden ja taulukoiden luontiprosessia.

Tämä artikkeli tarjoaa luettelon parhaista WordPressille saatavilla olevista kaaviolaajennuksista ja sisältää tietoja niiden käytöstä ja mitä erinomaisia ominaisuuksia tietyt laajennukset tarjoavat.

Vaikka monet tarjoavat samat vakioominaisuudet, tietyt laajennukset on suunniteltu suorittamaan tiettyjä tehtäviä. Kuten näet, voit valita hyvin peruslaajennuksen aloittelijoille tai edistyneen laajennuksen, jossa on monia mukautusvaihtoehtoja, ja kaikkea siltä väliltä.

WordPress Charts -laajennukset

wpDataTables

wpDataTables on WordPressin suosituin taulukko- ja kaaviolaajennus. Sen avulla sivustojen omistajat voivat rakentaa reagoivia taulukoita muun tyyppisten taulukoiden ja kaavioiden ohella.

Ja taulukon luominen on todella helppoa:

Annat taulukon tiedot
Määritä ja mukauta se
Julkaise se taulukona tai kaaviona postauksessa tai sivulla

Tämän WordPress-kaaviolaajennuksen avulla voit tuoda saumattomasti tietoja useista eri lähteistä, kuten Google Sheetsista ja Excelistä, sekä CSV-, XML- ja JSON- tiedostoista.

Lisäksi tämä WordPress-taulukko- ja kaaviolaajennus sisältää joukon muita yleisiä hyödyllisiä ominaisuuksia, joita löytyy usein laskentataulukkosovelluksista.

Muutamia lisäominaisuuksia ovat:

Luettelo wpDataTablesin ominaisuuksista on mieletön. Sinun tulee tarkistaa laajennuksen ominaisuussivu .

Tässä on video Google-kaavioiden käyttämisestä WP:ssä wpDataTablesin avulla:

Meillä on samanlaisia oppaita Highcharts- ja Chart.js -ohjelmille .

Ja tässä on joitain kaavioita, joita voit luoda sillä (Google Charts -esimerkkejä alla)

Google-pylväskaavio

Pylväskaavio on peruskaavio, jossa sarjat esitetään yksinkertaisina pystysarakkeina.

Googlen histogrammikaavio

Kuten Google selittää: Histogrammi on kaavio, joka ryhmittelee numeeriset tiedot lokeroihin ja näyttää laatikot segmentoituina sarakkeina. Niitä käytetään kuvaamaan tietojoukon jakautumista: eli kuinka usein arvot jakautuvat alueille.

Googlen aluekaavio

Aluekaavio on samanlainen kuin viivakaavio, mutta sarjaviivan alapuolella oleva alue on värillinen.

Google ympyräkaavio

Ympyräkaavio renderöi tiedot "sliced pie" -muodossa, jossa jokainen siivu tarkoittaa yhtä sarjamerkintää (vasen ympyräkaavio). Jos otat vaihtoehdon 3D käyttöön, ympyräkaaviosi piirretään ikään kuin sillä olisi kolme ulottuvuutta (oikea ympyrä). kartoittaa).

Googlen pinottu pylväskaavio

Tämä kaaviotyyppi on samanlainen kuin peruspylväskaavio, mutta sarjan arvot on "pinottu" toistensa oikealle puolelle vaakapalkkiin.

Googlen pylväskaavio

Ja paljon muuta. Voit tarkistaa ne Google Charts -esimerkkisivultamme.

Jos tämä ei vakuuttanut sinua kokeilemaan wpDataTablesia, voit tutustua muihin WordPress-kaaviolaajennuksiin tästä artikkelista.

Helppoja kaavioita

Ilmainen EasyCharts-laajennus on kehitetty uvCharts Javascript -kirjaston kanssa. Siinä on kaksitoista erilaista kaaviotyyppiä:

Pylväsdiagrammi
Pinottu pylväskaavio
Nosta pylväskaaviota
Prosenttipalkkikaavio
Aluekaavio
Pinottu aluekaavio
Prosenttipinta-alakaavio
Viivakaavio
Ympyrädiagrammi
Donitsi kaavio
Napa-aluekaavio
Vesiputouskaavio

Tiedot lisätään taulukkoon, jota voidaan muokata tarpeidesi mukaan. Sarakkeiden ja rivien lisääminen on helppoa näytettävän tietojoukon mukaan.

Kun tietosi ovat taulukossa ja olet valmis luomaan kaavion, EasyCharts tarjoaa vaikuttavan määrän mukautusvaihtoehtoja. Voit muokata melkein kaikkea, mukaan lukien tyyliä, marginaaleja, tarroja, typografiaa ja kuvatekstejä.

On myös muutamia tapoja, joilla voit lisätä WordPress-kaavion verkkosivustollesi. Yksi tapa on käyttää lyhytkoodia, joka luodaan automaattisesti EasyChartsissa. Toinen tapa on käyttää EasyCharts-painiketta WordPress-editorisivulla, jonka avulla voit valita lisättävän kaavion. Lopuksi EasyChartsin tietosivulla voit ladata kaavion kuvana, jonka voit sitten lisätä sivullesi.

Responsiiviset kaaviot

Responsive Charts on edullinen ratkaisu interaktiivisten WordPress-kaavioiden luomiseen. Se käyttää charts.js:ää valitsemasi kaavion luomiseen. Mukana on seitsemän tyyppistä kaaviovaihtoehtoa:

Tutkakaavio
Bootstrapin edistymispalkki
Donitsi kaavio
Ympyrädiagrammi
Pylväsdiagrammi
Napakartta
Viivakaavio

Voit lisätä tietosi manuaalisesti ja tallentaa erilaisia tietojoukkoja sivun alareunaan. Vaihtoehtoisesti voit tuoda tietosi sisältävän CSV-tiedoston. Sieltä voit valita haluamasi kaaviotyypin ja muokata sitä, mukaan lukien nimeäminen, kaavion leveyden, täyte, värit, typografia ja marginaalit.

Kun olet tyytyväinen kaavioosi, voit upottaa sen WordPress-sivustollesi. Responsive Charts luo lyhytkoodin, jonka voit lisätä sivullesi. Vaihtoehtoisesti se voidaan lisätä PHP:n kautta mukautetuksi sivumalliksi.

Yksi reagoivien kaavioiden haitoista on, että et näe muutoksiasi reaaliajassa. Sinun täytyy kopioida ja liittää päivitetty lyhytkoodi sivullesi ja esikatsella sivua nähdäksesi miltä se näyttää joka kerta, kun teet muutoksia. Toinen haittapuoli on, että tästä WordPress-kaaviolaajennuksesta ei ole ilmaista versiota, vain premium-maksullinen versio. Se on kuitenkin hyvä vaihtoehto suurten tietomäärien visualisoimiseen runsain muokkauksin.

Kaaviot Ninja

Charts Ninja on ilmainen verkkosivusto WordPress-kaavioiden luomiseen. Kun olet luonut tilin, voit syöttää tietosi verkkosivustolle luodaksesi kaavion. Sivusto luo lyhytkoodin kaavioillesi, jonka lisäät sitten haluamaasi paikkaan WordPress-sivustollasi. Myös siihen liittyvä Charts Ninja -laajennus WordPressissä on ilmainen, mikä auttaa muuttamaan kaaviot lyhytkoodista visuaalisiksi esityksiksi.

Valitettavasti voit käyttää vain pylväskaavioita ja ympyräkaavioita ilmaisella tilillä. Myös mukautusvaihtoehtoja on hyvin vähän. On kuitenkin mahdollisuus maksaa 2,99 dollaria kuukaudessa pääsystä enemmän premium-ominaisuuksiin, mukaan lukien lisäkaaviotyypit ja mukautukset.

WP Responsive Table

WP Responsive Table luo charts.js:n avulla minkä tahansa seitsemästä eri kaaviotyypistä:

Ympyrädiagrammi
Donitsi kaavio
Pylväsdiagrammi
Viivakaavio
Tutkakaavio
Bootstrapin edistymispalkki
Napakartta

Se on edullinen WordPress charts -laajennusratkaisu, jossa on useita tyylivaihtoehtoja, mukaan lukien marginaalit, pehmusteet, väriteemat, typografia ja paljon muuta. Kojelauta on herkkä ja sitä voidaan vierittää vaakasuunnassa, mikä sopii erinomaisesti käyttäjille, joilla on pienempi näyttö tai tabletti.

Voit lisätä tietosi manuaalisesti tai lataamalla CSV-tiedoston. WP Responsive Table sisältää esimerkkejä CSV-tiedostoista ja tietomalleista, jotka varmistavat, että voit muotoilla tietosi tehokkaasti ennen niiden lataamista.

WordPress-kaavioiden lisääminen verkkosivustollesi on myös helppoa. Käyttämällä WordPressin klassista tai Gutenberg-editoria voit lisätä kaavion sivullesi normaalilla HTML-koodilla ilman lyhytkoodia.

Sarjataulukko

League Table on suhteellisen yksinkertainen, mutta erittäin monipuolinen WordPress-kaaviolaajennus. Se sopii parhaiten tilastojen jakamiseen tai vertailun tekemiseen yksinkertaisessa tietotaulukossa. Se sisältää myös yli 100 erilaista kattausvaihtoehtoa, ja se on helposti räätälöitävissä erilaisiin tarpeisiin.

Sisällytetty laskentataulukko on interaktiivinen, ja sen avulla käyttäjät voivat siirtää tietoja ulkoisesta Excel- tai Google Sheets -laskentataulukostaan suoraan liigataulukkoon. Sieltä tietoja voidaan käsitellä suoraan, esimerkiksi käyttämällä kaavoja tai yhtälöitä, lajittelemalla sarakkeita, korostamalla soluja tai jopa käyttämällä mukautettua koodia.

Sivustollasi taulukkoa tarkastelevat käyttäjät voivat myös lajitella sarakkeita nähdäkseen tiedot heidän mielestään järkevimmällä tavalla. Taulukoita voidaan käyttää useilla sivustoilla, ja ne voivat olla myös monikielisiä.

TablePress

TablePress tarjoaa interaktiivisen laskentataulukkokäyttöliittymän, johon voit syöttää taulukkosi tiedot manuaalisesti. Laskentataulukossa voit muokata rivejä, sarakkeita ja soluja lisäämällä, poistamalla, yhdistämällä, lisäämällä ja monistamalla niitä haluamallasi tavalla.

Voit lisätä taulukon siirtymällä TablePress-käyttöliittymään ja napsauttamalla "Lisää uusi" ja valitsemalla sitten "Taulukko"-vaihtoehto. Oikealla puolella näet kaavion tietoosion, jossa voit napsauttaa "Manuaaliset tiedot" syöttääksesi tiedot manuaalisesti taulukkoon. Voit mukauttaa taulukkoasi käyttämällä CSS-koodausta tai valita sen sijaan yhden monista ilmaisista laajennuksista.

Kun olet valmis lisäämään taulukon sivustollesi, kopioi toimitettu lyhytkoodi. Siirry sitten sivulle tai viestiin, jossa haluat taulukon näkyvän, ja liitä lyhytkoodi editoriin.

Visualisoija

Tällä WordPress-kaaviolaajennuksella on sekä ilmainen versio että maksullinen pro-versio. Ilmainen versio riittää useimmille ihmisille. Pro-versio antaa käyttäjille kuitenkin mahdollisuuden käyttää interaktiivista laskentataulukkokäyttöliittymää tietojen lisäämiseen ja muuttamiseen suoraan.

Visualizer lisätään WordPressin mediakirjastoon, johon voit ladata tietosi CSV-tiedostoon tai verkkohakemistoon, kuten Google Sheets -laskentataulukkoon. Yhteensopivia tietotyyppejä ovat: merkkijono, numero, boolean, päivämäärä ja aika. Tämän jälkeen voit luoda kaavion, jota voidaan mukauttaa Googlen visualisointisovellusliittymän perusteella. Kaavioita on mahdollista muokata niiden luomisen jälkeen sekä kopioida olemassa olevia kaavioita.

Valmiit kaaviot lisätään WordPress-sivullesi tai viestiisi lisäämällä toimitettu lyhytkoodi.

CSS3 Responsive WordPress Vertaa hintataulukoita

Jos yrityksesi tarjoaa eri hintatasoja jäsenyydeille tai jos haluat luoda vertailukaavioita, CSS3 Responsive WordPress Compare Pricing Tables on täydellinen ratkaisu. Se voi auttaa ilmaisemaan selkeästi porrastetun hinnoittelujärjestelmän eri ominaisuudet tai vertailemaan kilpailijoiden hintoja.

CSS3:lla luodut hinnoittelutaulukot ovat erittäin muokattavissa, ja niissä on 20 eri värivaihtoehtoa, 60 erilaista nauhaa ja säädettävät mitat. Järjestelmänvalvoja voi jopa piilottaa tietyt rivit tai sarakkeet käyttäjiltä, jotta ne eivät näy käyttöliittymässä. Muutokset tehdään reaaliajassa, joten voit nähdä, miltä ne näyttävät. Tämä WordPress-kaaviolaajennus takaa puhtaan, organisoidun ja modernin näköisen hintakaavion.

Lisättävien rivien, sarakkeiden tai taulukoiden lukumäärää ei ole rajoitettu. Se on myös responsiivinen, joten se on täydellinen myös mobiili- ja tablet-käyttäjille.

Tietotaulukoiden generaattori

Laajennuksen luojan Supsysticin Data Tables Generator -laajennus tarjoaa sekä ilmaiset että premium-versiot. Kuitenkin vain premium-versiossa voit muuttaa tietotaulukot kaavioiksi ja kaavioiksi.

Tämä WordPress-kaaviolaajennus käyttää Google-kaaviota käytännöllisesti katsoen minkä tahansa tyyppisten kaavioiden luomiseen, mukaan lukien ympyrä-, pylväs-, munkki-, viiva- ja muita kaavioita. Aloita lisäämällä tietosi CSV-, Excel-, PDF- tai Google Sheetsin avulla. Voit lajitella ja muokata taulukon tietoja ilman rajoituksia sarakkeiden tai rivien lukumäärälle. Säädä taulukon soluja, sarakkeita ja rivejä haluamasi värin, koon ja tasauksen mukaan muiden mukautusten lisäksi.

Mahdollisuus integroida WooCommerce on ainutlaatuinen ominaisuus, joka sisältyy Data Tables Generator -laajennukseen, jonka avulla on todella kätevää luoda haettavissa oleva taulukko tuotteistasi, jotka voidaan myös lajitella.

Google Chart WordPress -laajennus

Google Chart WordPress -laajennuksen avulla voit luoda responsiivisia kaavioita ja kaavioita Google Chartin avulla, jotka voidaan sitten upottaa sivustoosi. Käytettävissä on seitsemän erilaista kaaviotyyppiä, ja jokainen voidaan räätälöidä:

Ympyrädiagrammi
Pylväsdiagrammi
Viivakaavio
Pylväskaavio
kuplakaavio
Aluekaavio
Porrastettu aluekaavio

Mukautukset voivat sisältää 3D-renderöityjä, pinottuja kaavioita, interaktiivisia tai responsiivisia ominaisuuksia, kuvia ja paljon muuta. Google Chart on kätevästi integroitu Google Sheetsiin, joten olemassa olevan laskentataulukon tietojen käyttäminen kaavioiden ja kaavioiden luomiseen on uskomattoman helppoa. Jos haluat käyttää tätä ominaisuutta, kun luot uutta kaaviota, näet vaihtoehdon liittää URL-osoite Google Sheets -laskentataulukkoon.

Kun olet luonut kaavion tai kaavion mieleiseksesi, voit kopioida lyhytkoodin ja liittää sen valitsemallesi sivulle tai viestiin.

iChart

iChart on erittäin suosittu ilmainen vaihtoehto, joka löytyy WordPressin laajennushakemistosta. Sen avulla voit luoda seitsemän erilaista kaaviota: pylväskaavio, ympyräkaavio, viivakaavio, napa-alue, tutkakaavio tai donitsikaavio.

Jokainen näistä kaaviotyypeistä voidaan räätälöidä tarpeidesi mukaan. Ne reagoivat erikokoisilla näytöillä, kuten mobiililaitteilla tai tableteilla, ja voit jopa sisällyttää animaatioita.

Kaaviot voidaan optimoida niin, että ne ovat alle 5 kt, mikä tehostaa latausaikaa. Ne voidaan myös sijoittaa verkkosivustosi sivupalkkiin sivun tai viestin sijaan.

iChart kehittyy jatkuvasti ja ottaa käyttöön uusia ominaisuuksia, kuten erilaisia väriteemoja, avaintaulukoita ja widgetejä.

M Kaavio

M Chartin avulla voit käyttää Highchart- tai chart.js-kirjastoja luodaksesi juuri haluamasi kaavion. Valitse viivakaavioista, pylväskaavioista, ympyräkaavioista ja pylväskaavioista. Kun kaavio on luotu, voit lisätä sen sivustollesi käyttämällä automaattisesti luotua lyhytkoodia.

M Chartin interaktiivisen laskentataulukon avulla voit helposti muuttaa ja päivittää tietojasi, mikä tekee tietojoukkojen hallinnasta helppoa ja kätevää. Tietoja voidaan lisätä manuaalisesti laskentataulukkoon tai tuoda CSV-tiedosto. Jos lisäät tiedot manuaalisesti M-kaavioon, voit myös viedä tiedot kätevästi myös CSV-tiedostoon, mikä on ainutlaatuinen ominaisuus.

WP Business Intelligence

WP Business Intelligence on erinomainen ratkaisu reaaliajassa päivittyvien kaavioiden ja taulukoiden näyttämiseen. Se on suunniteltu dynaamisella kyselykonseptilla tietojen esittämiseksi reaaliajassa sen muuttuessa ja kehittyessä. Voit käyttää mitä tahansa sisäistä tai ulkoista tietokantalähdettä taulukoiden ja kaavioiden luomiseen. WPBI hakee tiedot automaattisesti näistä tietokannoista, kun se muuttaa ja päivittää verkkosivustosi kaavioita. Se on yhteensopiva MySQL:n, Oraclen, Microsoft SQL Serverin ja PostgreSQL:n laskentataulukoiden ja tietokantojen kanssa.

Tämä on kätevä raportointityökalu verkkosivustoilla, jotka vaativat uusinta tietoa. Siinä on myös käyttäjäystävällinen käyttöliittymä, jossa sivustosi vierailijat voivat muokata taulukon ulkoasua tai jopa ladata tietosi CSV-muodossa.

Premium-kaaviot Elementorille

Jos käytät Elementor-editoria, Premium Charts -laajennus voi auttaa sinua luomaan kehittyneitä WordPress-kaavioita. Voit valita seitsemästä eri kaaviotyypistä, joista jokainen voidaan räätälöidä käyttötarkoituksen mukaan. Voit nähdä kaavioosi tekemäsi muutokset reaaliajassa, kun rakennat niitä Elementorissa.

Vaikka näiden kaavioiden oletusasteikko on lineaarinen, se tarjoaa myös mahdollisuuden luoda kaavioita logaritmisella asteikolla. Tämä ei ole yleistä useimmissa kaaviolaajennuksissa ja voi olla kätevä työkalu. Valitse useista värimalleista täydentämään sivustosi suunnittelua.

amCharts: Kartat ja kartat

Tämä WordPress-kaaviolaajennus on tarkoitettu edistyneemmille WordPress-käyttäjille. amCharts on historiallisesti ollut erittäin kokenut kaavioiden ja karttojen Javascript-palvelu. Valitse yhdeksästä eri karttatyypistä: XY-kaavio, ympyräkaavio, viipaloitu kaavio, Sankey-kaavio, tutkakaavio, mittarikaavio, jännekaavio, puukartta ja kartta. Nämä ovat ainutlaatuisia kaaviotyyppejä verrattuna moniin muihin laajennusvaihtoehtoihin.

Kun suunnittelet kaavioita, voit määrittää Javascript-resurssikirjastot, HTML:n ja Javascriptin. Javascript-resurssikirjastot voivat olla etä- tai paikallislähteistä. Kun olet määrittänyt nämä asetukset, voit valita tiedot, jotka haluat esittää visuaalisesti. Jos päätät vaihtaa toisentyyppiseen kaavioon, voit tehdä sen suhteellisen yksinkertaisesti. Sinun on kuitenkin myös määritettävä uudelleen haluamasi resurssikentän, HTML- ja Javascript-kentän asetukset. Muussa tapauksessa ne palautetaan oletusarvoihin asetustesi perusteella.

Sisäänrakennettu Google Spreadsheet Viewer

Tämä WordPress-kaaviolaajennus on ainutlaatuinen siinä mielessä, että voit käyttää tietojoukkoja, jotka on tallennettu pilveen, mukaan lukien lähteet, kuten Google Sheets, MySQL tai CSV-tiedosto. Inline Google Spreadsheet Viewer -laajennus luo interaktiivisia ja muokattavia kaavioita, taulukoita ja kaavioita valitsemistasi tiedoista.

Voit luoda lajiteltavan taulukon, kaavion tai kaavion tai kaikkien edellä mainittujen yhdistelmän. Sisäänrakennettu välimuisti auttaa lyhentämään sivun latausaikaa, mikä voi olla erityisen hyödyllistä pienille verkkosivustoille ja yrityksille, joilla ei ole paljon palvelintehoa.

Pilvilähteen tietojen käyttäminen on erityisen kätevää jatkuvasti muuttuvassa datassa. Edustajataulukossasi tai -kaaviossasi olevat tiedot päivitetään automaattisesti, kun ne muuttuvat pilvipohjaisessa laskentataulukossasi tai tietokannassasi.

Lopetetaan ajatukset upeiden WordPress-kaavioiden luomisesta näillä laajennuksilla

Visuaalisia dataesityksiä luotaessa on tärkeää löytää tarpeisiisi parhaiten sopiva laajennus. Kaaviot, kaaviot tai taulukot voivat helposti näyttää sekalaisilta ja huolimattomilta, jos niitä ei ole luotu oikein. On erittäin tärkeää, että sinulla on sopiva WordPress-kaaviolaajennus, joka tuottaa visuaalisia esityksiä tiedoista ja varmistaa, että kaaviot ja taulukot ovat hiottuja ja järjestettyjä.

Sen lisäksi, että valitset oikean laajennuksen, jotta kaaviosi näyttävät parhaimmilta, on olemassa myös laajennuksia, jotka voivat vastata tiettyihin tarpeisiin. Mieti, arvostavatko vierailijasi haettavissa olevaa tai lajiteltavaa tietotaulukkoa. Ehkä interaktiivinen kaavio on hyödyllisempi, jotta he ymmärtävät tiedot parhaiten. Joillakin on myös vaihtoehtoja, joilla kävijät voivat ladata raakadataa verkkosivustostasi. Muut voivat päivittää grafiikkasi reaaliajassa pilvipohjaisesta tai ulkopuolisesta tietokannasta tai laskentataulukosta.

Jos brändisi noudattaa tiettyjä visuaalisia ohjeita tai värimalleja, saatat tarvita laajennuksen, joka mukautuu enemmän esteettisiin muokkauksiin. Useimmilla ihmisillä on myös parempi käyttökokemus responsiivisilla laajennuksilla, jotka optimoivat grafiikkasi koon eri näytöille.

Riippumatta tarpeistasi, yksi näistä laajennuksista auttaa varmasti, sillä ne ovat parhaita saatavilla olevia tiedon visualisointityökaluja WordPress-kaavioiden luomiseen.

Jos pidit tämän artikkelin lukemisesta loistavien WordPress-kaavioiden luomisesta, sinun kannattaa tutustua tähän Chart.js-esimerkkeihin.

Kirjoitimme myös muutamista aiheeseen liittyvistä aiheista, kuten Highcharts-vaihtoehdosta, kaaviotyypeistä ja kaaviomalleista.

: wpdatatables.com