Você não precisa ser um analista para poder incluir dados em seu site e em seus posts. Adicionar gráficos do WordPress ao seu site adiciona credibilidade às informações que você está compartilhando. As representações visuais também são uma forma importante de complementar relatórios escritos e ilustrar as informações que você está compartilhando. Existem excelentes ferramentas de visualização de dados que permitem adicionar facilmente tabelas, gráficos e tabelas ao WordPress.

Essas ferramentas podem ajudar até mesmo a pessoa mais inexperiente a avaliar os dados e tirar conclusões apoiadas por estatísticas. É fácil criar essas representações visuais usando um plug-in de gráfico do WordPress ou um plug-in de gráfico. Os plug-ins podem ajudar a simplificar e automatizar virtualmente o processo de geração de gráficos, tabelas e tabelas.

Este artigo fornecerá uma lista dos melhores plugins de gráficos disponíveis para WordPress e incluirá detalhes sobre como usá-los e quais recursos superiores determinados plugins oferecem.

Embora muitos ofereçam os mesmos recursos padrão, alguns plugins são criados especificamente para realizar determinadas tarefas. Como você verá, você pode escolher um plugin muito básico para iniciantes ou um plugin avançado com muitas opções de personalização e tudo mais.

Plugins de gráficos do WordPress

wpDataTables

wpDataTables é o plugin nº 1 de tabelas e gráficos do WordPress. Ele permite que os proprietários de sites criem tabelas responsivas, entre outros tipos de tabelas e gráficos.

E é muito fácil criar uma tabela:

Você fornece os dados da tabela
Configure e personalize
Publique-o como uma tabela ou gráfico em uma postagem ou página

Este plug-in de gráfico do WordPress permite que você importe dados de uma ampla variedade de fontes, incluindo Planilhas Google e Excel, bem como arquivos CSV, XML e JSON.

Além disso, este plug-in de tabela e gráfico do WordPress inclui vários outros recursos úteis comuns que são frequentemente encontrados em aplicativos de planilhas.

Alguns dos recursos avançados incluem:

A lista de recursos para wpDataTables é insana. Você deve verificar a página de recursos que o plugin possui.

Aqui está um vídeo sobre como usar o Google Charts no WP com a ajuda de wpDataTables:

Temos guias semelhantes para Highcharts e Chart.js.

E aqui estão alguns dos gráficos que você pode criar com ele (exemplos do Google Charts abaixo)

Gráfico de colunas do Google

O gráfico de colunas é um gráfico básico em que as séries são renderizadas em colunas verticais simples.

Gráfico de histograma do Google

Como o Google explica: Um histograma é um gráfico que agrupa dados numéricos em compartimentos e exibe os compartimentos como colunas segmentadas. Eles são usados para descrever a distribuição de um conjunto de dados: ou seja, com que frequência os valores caem em intervalos.

Gráfico de área do Google

Um gráfico de área é semelhante a um gráfico de linhas, mas a área abaixo de uma linha de série é colorida.

Gráfico de pizza do Google

O gráfico de pizza renderiza os dados em um formato de "torta fatiada", onde cada fatia representa uma entrada de série (gráfico de pizza à esquerda). Se você ativar a opção 3D, seu gráfico de pizza será desenhado como se tivesse três dimensões (torta à direita gráfico).

Gráfico de barras empilhadas do Google

Esse tipo de gráfico é semelhante a um gráfico de barras básico, mas os valores da série são “empilhados" à direita um do outro nas barras horizontais.

Gráfico de barras do Google

E muito mais. Você pode verificá-los em nossa página de exemplos do Google Charts.

Se isso não o convenceu a experimentar o wpDataTables, você pode conferir os outros plugins de gráfico do WordPress neste artigo.

Gráficos fáceis

O plugin gratuito EasyCharts é desenvolvido com a biblioteca Javascript uvCharts. Tem doze tipos de gráficos diferentes disponíveis:

Gráfico de barras
Gráfico de barras empilhadas
Aumentar o gráfico de barras
Gráfico de barras percentual
Gráfico de área
Gráfico de área empilhada
Gráfico de área percentual
Gráfico de linha
Gráfico de pizza
Gráfico de rosca
Gráfico de área polar
Gráfico de cascata

Os dados são adicionados a uma tabela que pode ser personalizada para atender às suas necessidades. É fácil adicionar colunas e linhas dependendo do conjunto de dados que você deseja exibir.

Quando seus dados estiverem na tabela e você estiver pronto para criar seu gráfico, o EasyCharts oferece um número impressionante de opções de personalização. Você pode personalizar praticamente tudo, incluindo estilo, margens, rótulos, tipografia e legendas.

Existem também algumas maneiras de adicionar o gráfico do WordPress ao seu site. Uma maneira é usar o shortcode que é gerado automaticamente no EasyCharts. Outra maneira é usar o botão EasyCharts na página do editor do WordPress, que permite escolher o gráfico que deseja inserir. Por fim, a página de informações do EasyCharts permite baixar o gráfico como uma imagem, que você pode inserir em sua página.

Gráficos responsivos

Gráficos responsivos é uma solução acessível para gerar gráficos interativos do WordPress. Ele utiliza charts.js para gerar o gráfico de sua escolha. Existem sete tipos de opções de gráficos incluídos:

Gráfico de radar
Barra de progresso do bootstrap
Gráfico de rosca
Gráfico de pizza
Gráfico de barras
Carta polar
Gráfico de linha

Você pode adicionar seus dados manualmente e salvar diferentes conjuntos de dados na parte inferior da página. Como alternativa, você pode importar um arquivo CSV com seus dados. A partir daí, você escolherá o tipo de gráfico que deseja e o personalizará, incluindo nomeá-lo, definir a largura do gráfico, preenchimento, cores, tipografia e margens.

Quando estiver satisfeito com seu gráfico, você poderá incorporá-lo ao seu site WordPress. Os gráficos responsivos geram um código de acesso que você pode inserir em sua página. Alternativamente, ele pode ser adicionado através do PHP como um modelo de página personalizado.

Uma das desvantagens dos gráficos responsivos é que você não pode ver suas alterações em tempo real. Você precisa copiar e colar o código de acesso atualizado em sua página e visualizar sua página para ver como ela fica cada vez que você faz uma alteração. A outra desvantagem é que não existe uma versão gratuita deste plugin de gráfico do WordPress, apenas uma versão premium paga. No entanto, é uma boa opção para visualizar grandes quantidades de dados com muitas personalizações.

Gráficos Ninja

Charts Ninja é um site gratuito para a criação de gráficos WordPress. Depois de criar uma conta, você poderá inserir seus dados no site para gerar um gráfico. O site gerará um código de acesso para seus gráficos, que você adicionará ao local desejado em seu site WordPress. O plugin Charts Ninja associado no WordPress também é gratuito, o que ajuda a converter os gráficos do shortcode em suas representações visuais.

Infelizmente, você estará limitado apenas a gráficos de barras e gráficos de pizza com uma conta gratuita. Há também muito poucas opções de personalização. No entanto, existe a opção de pagar US $ 2,99 por mês para acessar mais recursos premium, incluindo tipos de gráficos e personalizações adicionais.

Tabela responsiva WP

WP Responsive Table usa charts.js para criar qualquer um dos sete tipos diferentes de gráficos:

Gráfico de pizza
Gráfico de rosca
Gráfico de barras
Gráfico de linha
Gráfico de radar
Barra de progresso do bootstrap
Carta polar

É uma solução de plugin de gráficos WordPress acessível com uma variedade de opções de estilo, incluindo margens, preenchimento, esquemas de cores, tipografia e muito mais. O painel é responsivo e pode ser rolado horizontalmente, o que é perfeito para usuários com telas menores ou tablets.

Você pode adicionar seus dados manualmente ou carregando um arquivo CSV. O WP Responsive Table tem exemplos de arquivos CSV e modelos de dados, o que garantirá que você possa formatar seus dados com eficiência antes de carregá-los.

Inserir seus gráficos do WordPress em seu site também é fácil. Usando o Editor Clássico ou o Editor Gutenberg no WordPress, você pode usar HTML normal para adicionar o gráfico à sua página, sem a necessidade de um código de acesso.

Tabela do Campeonato

League Table é um plugin de gráfico WordPress relativamente básico, mas altamente versátil. É melhor para compartilhar estatísticas ou fazer uma comparação em uma tabela de dados simples. Ele também inclui mais de 100 opções diferentes de configuração de mesa e pode ser facilmente personalizado para atender a uma variedade de necessidades.

A planilha incorporada é interativa e permite que os usuários migrem dados de sua planilha externa do Excel ou do Google Sheets diretamente para a League Table. A partir daí, os dados podem ser manipulados diretamente, incluindo o uso de fórmulas ou equações, classificação de colunas, destaque de células ou até mesmo código personalizado.

Os usuários que visualizam a tabela em seu site também podem classificar as colunas para visualizar os dados da maneira que fizer mais sentido para eles. As tabelas podem ser usadas em vários sites e também podem ser multilíngues.

TablePress

O TablePress oferece uma interface de planilha interativa onde você pode inserir manualmente os dados da sua tabela. Na planilha, você pode manipular linhas, colunas e células adicionando, excluindo, combinando, inserindo e duplicando-as como desejar.

Para adicionar uma tabela, navegue até a interface do TablePress e clique em “Add New” e selecione a opção “Table”. No lado direito, você verá a seção de dados do gráfico, onde você pode clicar em “Dados manuais” para inserir manualmente seus dados na tabela. Você poderá personalizar sua tabela usando codificação CSS ou escolher uma das muitas extensões de plug-in gratuitas.

Quando estiver pronto para inserir a tabela em seu site, copie o código de acesso fornecido. Em seguida, vá para a página ou post onde você deseja que a tabela apareça e cole o código de acesso no editor.

Visualizar

Este plugin de gráfico do WordPress tem uma versão gratuita e uma versão pro paga. A versão gratuita será suficiente para a maioria das pessoas. No entanto, a versão pro permite que os usuários usem uma interface de planilha interativa para adicionar e alterar dados diretamente.

O Visualizer é adicionado à Biblioteca de mídia no WordPress, onde você pode carregar seus dados em um arquivo CSV ou em um diretório online, como uma planilha do Google Sheets. Os tipos de dados compatíveis incluem: string, número, booleano, data e hora. Você pode gerar um gráfico que pode ser personalizado com base na API de visualização do Google. É possível editar gráficos depois de criados, bem como duplicar gráficos existentes.

Os gráficos finalizados são adicionados à sua página ou postagem do WordPress inserindo o código de acesso fornecido.

CSS3 Responsive WordPress Compare Tabelas de Preços

Se sua empresa oferece diferentes níveis de preços para associações ou se você deseja criar gráficos de comparação, as Tabelas de preços de comparação do WordPress Responsive CSS3 são uma solução perfeita. Pode ajudar a articular claramente os diferentes recursos de um sistema de preços diferenciados ou uma comparação dos preços de seus concorrentes.

As tabelas de preços criadas com CSS3 são altamente personalizáveis, com 20 opções de cores diferentes, 60 variedades de fitas e dimensões ajustáveis. O administrador pode até ocultar certas linhas ou colunas dos usuários para que não sejam vistas no front-end. As alterações são feitas em tempo real, para que você possa ver como elas são. Este plugin de gráfico do WordPress garante um gráfico de preços limpo, organizado e moderno.

Não há limites para o número de linhas, colunas ou tabelas que você pode adicionar. Também é responsivo, tornando-o perfeito para usuários de celulares e tablets também.

Gerador de tabelas de dados

Do criador do plugin Supsystic, o plugin Data Tables Generator oferece versões gratuitas e premium. No entanto, apenas a versão premium permite transformar tabelas de dados em tabelas e gráficos.

Este plug-in de gráfico do WordPress usa o Google Chart para criar praticamente qualquer tipo de gráfico, incluindo torta, barra, rosquinha, linha e muito mais. Comece simplesmente adicionando seus dados usando CSV, Excel, PDF ou Planilhas Google. Você pode classificar e editar os dados em sua tabela sem limite para o número de colunas ou linhas. Ajuste células, colunas e linhas na tabela de acordo com sua cor, tamanho e alinhamento preferidos, entre outras personalizações.

A capacidade de integrar o WooCommerce é um recurso exclusivo incluído no plug-in Data Tables Generator, que torna realmente conveniente criar uma tabela pesquisável de seus produtos que também pode ser classificada.

Plugin do WordPress para gráficos do Google

O plug-in Google Chart WordPress permite que você use o Google Chart para criar tabelas e gráficos responsivos, que podem ser incorporados ao seu site. Existem sete opções diferentes de tipo de gráfico e cada uma pode ser altamente personalizada:

Gráfico de pizza
Gráfico de barras
Gráfico de linha
Gráfico de colunas
Gráfico de bolhas
Gráfico de área
Gráfico de área escalonada

As personalizações podem incluir renderizações 3D, gráficos empilhados, recursos interativos ou responsivos, imagens e muito mais. O Google Chart é convenientemente integrado ao Google Sheets, tornando incrivelmente simples usar dados de uma planilha existente para criar seus gráficos e tabelas. Para usar esse recurso, ao criar um novo gráfico, você verá a opção de colar um URL em sua planilha do Google Sheets.

Depois de criar o gráfico ou gráfico ao seu gosto, você poderá copiar o código de acesso e colá-lo na página ou postagem escolhida.

iChart

O iChart é uma opção gratuita muito popular encontrada no diretório de plugins do WordPress. Ele permite que você crie sete tipos diferentes de gráficos: gráfico de barras, gráfico de pizza, gráfico de linhas, área polar, gráfico de radar ou gráfico de rosca.

Cada um desses tipos de gráfico pode ser personalizado para atender às suas necessidades. Eles são responsivos em diferentes tamanhos de tela, como dispositivos móveis ou tablets, e você pode até incluir animações.

Os gráficos podem ser otimizados para que tenham menos de 5 KB para tornar o tempo de carregamento mais eficiente. Eles também podem ser colocados na barra lateral do seu site em vez de em uma página ou postagem.

O iChart está em constante evolução e implementando novos recursos, como diferentes esquemas de cores, tabelas de teclas e widgets.

Carta M

O M Chart permite que você utilize as bibliotecas Highchart ou chart.js para criar o gráfico exato que você deseja. Escolha entre gráficos de linhas, gráficos de barras, gráficos de pizza e gráficos de colunas e, assim que seu gráfico for criado, você poderá adicioná-lo ao seu site usando um código de acesso gerado automaticamente.

A planilha interativa no M Chart permite que você altere e atualize facilmente seus dados, tornando a tarefa de gerenciar seus conjuntos de dados simples e conveniente. Os dados podem ser adicionados manualmente na planilha ou você pode importar um arquivo CSV. Se você adicionar dados manualmente ao M Chart, também poderá exportar convenientemente esses dados em um arquivo CSV, que é um recurso exclusivo.

WP Business Intelligence

WP Business Intelligence é uma excelente solução para exibir gráficos e tabelas que se atualizam em tempo real. Ele foi projetado com um conceito de consulta dinâmica para representar os dados em tempo real à medida que eles mudam e evoluem. Você pode usar qualquer fonte de banco de dados interna ou externa para criar suas tabelas e gráficos. O WPBI recuperará automaticamente os dados desses bancos de dados à medida que altera e atualiza os gráficos em seu site. É compatível com planilhas e bancos de dados MySQL, Oracle, Microsoft SQL Server e PostgreSQL.

Esta é uma ferramenta de relatório útil em sites que exigem as informações mais atuais. Ele também possui uma interface de front-end amigável, onde os visitantes do seu site podem personalizar a aparência da tabela ou até mesmo baixar seus dados no formato CSV.

Gráficos Premium para Elementor

Se você usa o editor Elementor, o plugin Premium Charts pode ajudá-lo a criar gráficos WordPress sofisticados. Você pode escolher entre sete tipos de gráficos diferentes, cada um dos quais pode ser personalizado para atender à sua finalidade. Você pode ver as alterações feitas em seu gráfico em tempo real à medida que as cria no Elementor.

Embora a escala padrão para esses gráficos seja linear, ela também oferece a capacidade de criar gráficos com escala logarítmica. Isso não é comum na maioria dos plugins de gráficos e pode ser uma ferramenta útil para se ter. Escolha entre uma variedade de esquemas de cores para complementar o design do seu site.

amCharts: gráficos e mapas

Este plugin de gráfico do WordPress destina-se a usuários mais avançados do WordPress. amCharts tem sido historicamente um serviço Javascript de gráficos e mapas muito experiente. Escolha entre nove tipos de gráficos diferentes: gráfico XY, gráfico de pizza, gráfico fatiado, diagrama Sankey, gráfico de radar, gráfico de medidor, diagrama de acordes, mapa de árvore e mapa. Esses são tipos de gráficos exclusivos em comparação com muitas outras opções de plugins.

Ao projetar seus gráficos, você pode definir as bibliotecas de recursos Javascript, HTML e Javascript. As bibliotecas de recursos Javascript podem ser de uma fonte remota ou local. Depois de definir essas configurações, você pode selecionar os dados que deseja representar visualmente. Se você decidir mudar para um tipo diferente de gráfico, poderá fazer isso de forma relativamente simples. No entanto, você também precisará redefinir suas configurações preferidas para a caixa de recursos, HTML e caixa Javascript. Caso contrário, eles serão redefinidos para as opções padrão com base em suas configurações.

Visualizador de planilhas do Google embutido

Este plug-in de gráfico do WordPress é único, pois você pode usar conjuntos de dados armazenados na nuvem, incluindo fontes como Planilhas Google, MySQL ou um arquivo CSV. O plug-in Inline Google Spreadsheet Viewer gera gráficos, tabelas e gráficos interativos e personalizáveis com os dados selecionados.

Você pode optar por criar uma tabela classificável, um gráfico ou tabela ou uma combinação de todos os itens acima. Um cache integrado ajuda a diminuir o tempo de carregamento da página, o que pode ser particularmente útil para pequenos sites e empresas sem muito poder de servidor.

O uso de dados de uma fonte de nuvem é especialmente útil para dados em constante mudança. Os dados em sua tabela ou gráfico representativo serão atualizados automaticamente à medida que forem alterados em sua planilha ou banco de dados baseado em nuvem.

Pensamentos finais sobre como criar ótimos gráficos do WordPress com esses plugins

É importante encontrar um plug-in que melhor atenda às suas necessidades ao criar representações visuais de dados. Gráficos, gráficos ou tabelas podem facilmente parecer desorganizados e desleixados se não forem criados corretamente. É crucial ter um plugin de gráfico WordPress adequado para gerar demonstrações visuais dos dados, garantindo que seus gráficos e tabelas sejam polidos e organizados.

Além de escolher o plug-in certo para ajudar seus gráficos a ter a melhor aparência, também existem plug-ins que podem atender a necessidades específicas. Considere se seus visitantes vão gostar de ter uma tabela de dados pesquisável ou classificável. Talvez um gráfico interativo seja mais útil para que eles entendam melhor os dados. Alguns também têm opções para que os visitantes possam baixar dados brutos do seu site. Outros podem atualizar seus gráficos em tempo real a partir de um banco de dados ou planilha baseado em nuvem ou de origem externa.

Se sua marca segue diretrizes visuais ou esquemas de cores específicos, você pode precisar de um plug-in que acomode mais personalizações estéticas. A maioria das pessoas também terá uma melhor experiência do usuário com plugins responsivos que otimizam o tamanho de seus gráficos para diferentes telas.

Quaisquer que sejam suas necessidades, um desses plugins certamente ajudará, pois são as melhores ferramentas de visualização de dados disponíveis para criar gráficos do WordPress.

Se você gostou de ler este artigo sobre como criar ótimos gráficos do WordPress, confira este sobre exemplos do Chart.js.

Também escrevemos sobre alguns assuntos relacionados como Highcharts alternativos, tipos de gráficos e designs de gráficos .

Fonte de gravação: wpdatatables.com