Visualizando grandes conjuntos de dados com wpDataTables: um guia prático

Publicados: 2023-05-03

Visualizar grandes conjuntos de dados é um grande desafio. Apresentá-los de forma clara e convincente é uma das técnicas de visualização de dados mais procuradas. Seu público precisa de algo que seja interativo, fácil de entender e responsivo. Existem maneiras de criar esses tipos de visualizações sem investir muitas horas ou muito dinheiro em ferramentas caras de visualização de dados.

wpDataTables é a ferramenta robusta de visualização de dados que você vai adorar. Você faz todos os tipos de gráficos e gráficos com ele. Ele é especializado em lidar com big data e transformá-lo em apresentações que seu público vai adorar.

Este plugin do WordPress lida com todos os tipos de formatos de dados organizados e hierárquicos, como:

  • CSV
  • excel
  • Planilhas Google
  • JSON
  • MySQL
  • PostgreSQLName
  • XML

Ele possui um gráfico integrado e um editor de gráficos para personalizar suas representações de dados. Como padrão, ele produz vários gráficos, incluindo:

  • gráficos de área
  • Gráficos de barra
  • Gráficos de bolhas
  • Gráficos de colunas
  • Gráficos de rosca
  • Gráficos de medidores
  • Gráficos de linha
  • Gráfico de setores
  • Gráficos de dispersão

Portanto, fica claro por que o wpDataTables é uma ferramenta tão incrível . Este artigo mostrará como você pode usá-lo para visualizar grandes conjuntos de dados no WordPress e publicá-los em seu site.

Usando wpDataTables para visualizar grandes conjuntos de dados

Instalando e ativando wpDataTables

O primeiro passo é óbvio: para começar, você precisa instalar o plugin wpDataTables. É muito fácil fazer isso acessando o repositório de plugins do WordPress .

Para fazer isso, abra o WordPress e vá para Add New em Plugins . Aqui você pode procurar por wpDataTables. Em seguida, siga as instruções na tela e finalize a instalação e ativação.

Importando dados

Uma vez instalado, você pode importar seus dados para wpDataTables de várias fontes . Algumas das opções para importação de dados são:

  • CSV
  • excel
  • Planilhas Google
  • JSON
  • Consultas MySQL
  • Matriz PHP Serializada
  • XML

Você ainda tem a opção de inserir seus dados manualmente no wpDataTables ou vincular o plug-in a uma fonte de dados ativa.

Esse recurso é muito útil porque você pode criar tabelas que são atualizadas automaticamente toda vez que você carrega sua página. Você também pode gerar uma consulta personalizada com a ferramenta Graphical User Interface (GUI).

Como criar uma nova tabela a partir dos dados

Você pode criar uma nova tabela acessando wpDataTable e clicando em Criar uma tabela . Lá você verá a opção Criar uma tabela vinculada a uma fonte de dados existente . Clique nessa opção e, em seguida, clique em Avançar .

Na próxima tela, você verá diferentes opções de como deseja importar seus dados. Você não precisa selecionar nenhum deles, mas alguns deles podem ser úteis.

Em Display , você pode selecionar a opção Responsive Collapsing , que é muito útil em dispositivos com telas menores. Você pode editar barras de rolagem, limitar a largura da tabela e assim por diante.

A guia Edição oferece mais opções para edição de front-end. Isso inclui imprimir, copiar e exportar links rápidos. O bom é que você pode visualizar suas alterações em tempo real. Sempre que fizer uma alteração, você precisa clicar em Salvar ou Aplicar .

Usando grandes conjuntos de dados? Sem problemas. Temos processamento do lado do servidor

Se você está lidando com conjuntos de dados massivos e criando tabelas gigantescas com muitas páginas, wpDataTables é o plugin do WordPress que você precisa.

wpDataTables é um plug-in poderoso e flexível que pode lidar com toneladas de dados com facilidade. Sério, estou falando de milhares ou até milhões de linhas!

  • Cansado de esperar que suas mesas enormes carreguem?
  • Farto de classificação e filtragem lentas?
  • Preocupado com a falha de suas páginas devido a dados pesados?

Não mais! wpDataTables tem a sua volta. Ele é construído com um recurso fantástico chamado “processamento do lado do servidor”. Esse bad boy tira todo o peso do seu prato e o delega ao servidor MySQL. O que isso significa para você? Isso significa:

  • Carregamento de página mais rápido
  • Filtragem e classificação mais inteligentes
  • Chega de travamentos devido a grandes conjuntos de dados

Curioso como é feito? Confira este vídeo:

Agora, eu sei o que você está pensando: “Parece bom demais para ser verdade, certo?” Mas deixe-me dizer-lhe, é tão real quanto parece.

Esse recurso foi feito sob medida para pessoas como você, que lidam com grandes conjuntos de dados e desejam uma experiência tranquila.

Escolhendo a visualização de dados correta

Com seus dados importados, você pode começar a pensar na visualização de dados. Para fazer isso, abra o Assistente de Criação de Gráficos . Você encontra o assistente depois de abrir wpDataTables em Create a Chart .

Primeiro, você deve dar um nome ao seu gráfico para encontrá-lo novamente mais tarde. Em seguida, escolha um dos quatro mecanismos de renderização de gráfico:

  1. Chart.js
  2. Gráficos do Google
  3. Highcharts
  4. ApexCharts

Escolher a visualização de dados certa é muito importante. Diferentes categorias de gráficos são mais adequadas para diferentes tipos de dados.

Primeiro, pense no ponto que deseja fazer com seus dados. Essa mensagem deve ser clara e proeminente. Cinco perguntas podem ajudá-lo a determinar o que você quer fazer:

  • Se houver conjuntos de dados diferentes, qual é a relação entre eles?
  • Existe a necessidade de destacar a distribuição de dados e identificar outliers?
  • Quer comparar valores? Em caso afirmativo, você deseja comparar diferentes pontos de dados ou deseja acompanhar um ponto ao longo do tempo?
  • Existem tendências interessantes dentro do conjunto de dados?
  • A etapa de visualização de dados faz parte da análise de dados?

Quando você souber a resposta para essas perguntas, estará pronto para escolher o tipo certo de gráfico para o seu projeto.

Depois de editar seu gráfico ou gráfico, você pode clicar na próxima tela e copiar o shortcode para a visualização de dados.

Agora você está pronto para colar o shortcode no conteúdo do seu site. Salve-o e verifique o front-end para ver como ele se parece.

Dentro do wpDataTables existe uma opção muito especial. Ele permite que você mantenha suas tabelas, mesmo se você excluir o plug-in .

Se você optar por excluir o plug-in, ainda encontrará suas tabelas no banco de dados.

Criar um gráfico a partir de uma tabela

Vamos nos aprofundar um pouco mais na criação de visualização de dados com wpDataTables. O plug-in permite criar alguns gráficos e gráficos impressionantes e interativos a partir de qualquer tipo de fonte de dados. Você pode usar arquivos do Excel, CSV, MySQL, JSON e muito mais.

Quando sua tabela estiver pronta para processamento, selecione Charts e clique em Add New .

Dê um título ao projeto e escolha a máquina de renderização conforme descrito acima. Você pode escolher entre Google Charts, Chart.js ou outros. Cada mecanismo de renderização tem suas características, cada um com seus prós e contras. Você pode brincar e ver qual é o melhor para o seu projeto.

Além disso, cada mecanismo de renderização fornecerá diferentes categorias de gráficos , como barra, coluna, área e linha. Há um menu suspenso na parte superior onde você pode selecionar o tipo de visualização de dados que deseja.

Formatação e Visualização

Agora, o plug-in permitirá que você formate seu gráfico ou gráfico da maneira que desejar. Você pode ver suas alterações imediatamente em um painel no lado direito da tela.

Você notará que existem várias categorias de formatação para cada gráfico ou elemento gráfico. O primeiro conjunto de opções permite que você ajuste as seguintes coisas:

  • cores de fundo
  • Cor da borda
  • raio da borda
  • Largura da borda
  • Altura do gráfico
  • Largura do gráfico
  • gráfico de grupo
  • Largura responsiva

Outra categoria de formatação é Series , onde você pode personalizar a série de dados. Em Eixos , você encontrará todas as opções relacionadas ao layout dos eixos do gráfico. Você pode personalizar os eixos X e Y independentemente um do outro.

A próxima categoria é Exportação . Você pode permitir que os visitantes do seu site baixem suas ferramentas de visualização de dados em diferentes formatos:

  • CSV
  • JPG
  • PDF
  • PNG
  • SVG
  • XLS

A categoria Barra de ferramentas está disponível apenas para ApexCharts. Esta opção permite que os usuários baixem os dados de visualização nos formatos de imagem vetorial CSV, PNG e SVG.

Quando estiver satisfeito com a aparência do seu gráfico, você pode salvá-lo clicando no botão Salvar gráfico . wpDataTables irá salvá-lo no banco de dados do WordPress. Neste ponto, ele também irá gerar o shortcode para você.

Publique o gráfico em seu site ou postagem de blog

Versões mais antigas usam o editor clássico do WordPress. Mas você também pode usá-lo se estiver trabalhando com o WordPress 5+. Para isso, você precisa baixar e instalar o Plugin Classic Editor.

No editor Clássico, você pode colar o shortcode que o wpDataTable gerou para o seu gráfico. Um exemplo de shortcode pode ser:

 [ wpdatatable id=22 ]

Para colar o código da maneira correta, siga estes passos:

  1. Ir para postagens
  2. Clique em Adicionar Novo ou Páginas
  3. Selecione Adicionar novo
  4. Cole o shortcode no conteúdo do editor
  5. Atualize ou publique sua página ou postagem no blog

Outra maneira de publicar sua tabela é usando o botão wpDataTables no editor. Clique no botão para selecionar o gráfico que deseja usar e clique em Inserir .

O Gutenberg Editor é outra ferramenta para gerenciar seu conteúdo. Na verdade, permite mais opções para o seu gráfico. Você pode escolher qual tabela deseja e como exibi-la, e pode definir espaços reservados variáveis ​​e nomes de arquivo de exportação.

Há uma integração para wpDataTables no Divi Page Builder. Com este construtor de páginas, você pode inserir gráficos e tabelas diretamente na interface do usuário Divi.

Palavras finais sobre a visualização de grandes conjuntos de dados com wpDataTables

Extrair as informações certas de big data não é fácil, mas com as técnicas corretas de visualização de dados, você pode fazer isso. Este artigo mostrou como você pode converter dados brutos em gráficos e tabelas atraentes. É uma habilidade necessária se você precisar visualizar grandes conjuntos de dados.

Este plugin é muito flexível. Portanto, experimente e veja como você pode obter mais de dados complexos usando a visualização de dados. Você notará o que a alteração de apenas alguns parâmetros pode fazer para sua apresentação na visualização de grandes conjuntos de dados.

Se você gostou de ler este artigo sobre a visualização de grandes conjuntos de dados, leia estes também:

  • Não perca essas tendências de visualização de dados
  • Como usar a visualização dinâmica de dados para apresentar dados melhor
  • A visualização de dados interativa mais impressionante que você encontrará online