Crie um gráfico de barras, de linhas ou em pizza para disponibilizar dados aos visitantes num formato atraente.

Use um Bloco de Gráfico para criar visualizações de dados no seu site. Os gráficos são ótimos para explicar as relações entre diferentes séries de dados de forma convincente. Você pode criar e estilizar Gráficos de Barras, Gráficos de Linha e Gráficos de Pizza.

Blocos de gráficos são uma boa alternativa para incorporar imagens estáticas de gráficos criados em programas fora do Squarespace. Os gráficos são redimensionados de forma responsiva para garantir que fiquem ótimos em vários tamanhos de tela e você pode atualizar os dados a qualquer momento.

Dica: este guia explica como adicionar gráficos ao seu site. Para adicionar uma tabela com colunas e linhas, você pode adicionar código personalizado. Para saber mais, confira esta publicação no Squarespace Forum.

Tenha em mente que nosso suporte não cobre modificações no código personalizado. Por isso, não podemos ajudar na configuração ou na resolução de problemas de soluções baseadas em código.

Antes de começar

Recomendamos preparar dados em um arquivo .csv em um programa de planilhas como o Excel ou o Planilhas Google. Certifique-se de que colunas e linhas tenham cabeçalhos para que sejam traduzidos em cabeçalhos no bloco.

Adicione um Bloco de Gráfico

Para adicionar um Bloco de Gráfico:

1. Edite uma página ou publicação, clique em Adicionar bloco ou num ponto de inserção e, em seguida, clique em Gráfico. Para ajuda, confira Adição de conteúdo com blocos.
2. Para abrir o editor do bloco, clique no ícone de lápis no bloco.
3. Clique em Gráfico de barras, Gráfico de linhas ou Gráfico de pizza. O editor de gráficos se abrirá, e uma prévia do gráfico aparecerá com um conteúdo marcador de posição.

4. Use a aba Dados ou Importar/Exportar para adicionar dados.
5. Use a aba Design para criar o gráfico. Se o seu site for da versão 7.0, clique em Aplicar para publicar as alterações.

Siga as seções abaixo para ver etapas mais detalhadas.

Layouts de Bloco de Gráfico

Veja alguns exemplos de cada layout de bloco de gráficos. Você pode alterar o layout na aba de dados do bloco de gráficos. Ao se escolher um layout, aparecerá a prévia dele na página. Talvez seja necessário reformatar seus dados para ajustar melhor o novo layout.

Adicione dados

Após escolher o tipo de gráfico, use a aba Importar/Exportar para importar dados de um .csv ou a aba Dados para adicionar dados manualmente.

Atenção: você pode adicionar até 25 linhas e 25 colunas. Insira apenas números. O editor converte todos os cifrões ($) em 0s.

Option 1 - Copy data from a .csv

Caso tenha uma planilha de dados, você pode copiar e colar a partir de um arquivo .csv de texto simples. Recomendamos esse método principalmente se houver muitos dados e você souber criar planilhas no Excel ou Google Sheets.

Tip: In your spreadsheet program, use column and row headers to create labels for the chart. You’ll then open the .csv in a plain text editor since the block can’t import cells from a spreadsheet.

1. Mantenha o editor de Bloco de Gráfico aberto.
2. In your spreadsheet program, save your data as a .csv file.
3. Open the file in a plain text editor like Notepad or TextEdit.
4. Destaque tudo e copie o texto.
5. No editor de blocos, clique em Importar/Exportar.
6. Exclua os dados de espaço reservado no campo Dados do gráfico.
7. Paste the text you copied from the .csv.
8. Clique em Atualizare depois em Confirmar na mensagem que aparecer.
9. The chart preview will refresh with new data.

Os dados na aba Importar/exportar devem ficar mais ou menos assim:

Option 2 - Enter or edit data manually

Você pode criar o gráfico a partir do zero inserindo linhas uma por uma no editor de blocos. Use esta opção se você não tiver dados existentes ou se o gráfico for algo mais simples. Você também pode seguir esses passos para editar dados depois de importá-los.

1. Na aba de Dados do editor de blocos, remova as linhas do marcador de posição arrastando e soltando na lixeira que aparece.
2. Clique no ícone + próximo ao canto superior direito para adicionar novas colunas e cabeçalhos de colunas. Blocos de Gráficos Circulares só podem ter duas colunas.
3. Clique no ícone + próximo ao canto inferior esquerdo para adicionar novas linhas e cabeçalhos de linhas.
4. Clique em uma célula para inserir novos dados ou substituir dados de marcadores de posição. Preencha todas as células. À medida que você insere dados, a pré-visualização do gráfico será atualizada.

Tip: Navigate between cells and rows with the Tab key, just like in any spreadsheet program.

5. Marque Inverter eixos X e Y para alterar a disposição dos dados. Não recomendamos fazer isso em Blocos de Gráficos Circulares.

Dicas de formatação

Como você formata seus dados depende do tipo de Bloco de Gráfico usado. Para saber mais sobre como formatar cada gráfico, siga essas dicas.

Design do gráfico

Na aba Design, você pode adicionar texto personalizado, exibir uma legenda e selecionar uma paleta de cores. Para saber mais sobre essas opções de design, veja esta tabela:

Defina o estilo do texto

Use Estilos do Site para alterar a fonte e a cor do texto do bloco. A forma como você estiliza o texto depende da versão do Squarespace em que seu site está.

Exportação de dados de gráficos

Para fazer backup dos seus dados em um arquivo .csv fora do Squarespace:

1. Abra o painel "Páginas".
2. Clique em Editar na página ou publicação onde aparece o Bloco de Gráfico.
3. Clique duas vezes no bloco de gráfico.
4. Clique em Importar/Exportar.
5. Copie os dados no campo Dados do gráfico.
6. Paste the data into a plain text editor.
7. Save the file as a .csv. This converts the file into a spreadsheet.