Crie visualizações de dados utilizando gráficos, tabelas e estatísticas de resumo. Estes tipos de visualizações são úteis para exibir as principais estatísticas e tendências. Os membros da equipe do site e da iniciativa podem criar visualizações de dados utilizando conjuntos de dados públicos e privados. Somente usuários com quem os dados são compartilhados poderão visualizar um gráfico ou estatística quando registrados no ArcGIS Hub.
Para começar, entre no ArcGIS Hub e clique em Sites na página Visão Geral para visualizar uma lista dos seus sites. Se a sua organização tiver uma licença para o ArcGIS Hub premium, você poderá localizar seus sites listados em Iniciativas na página Visão Geral .
Dica:
Você também pode editar um site ao visualizá-lo em um navegador. Verifique se você está conectado ao ArcGIS Hub e procure o botão de edição à esquerda do seu site.
Criar uma tabela
Organize as informações em uma tabela utilizando o cartão Texto .
Dica:
Se você deseja criar uma tabela utilizando HTML, utilize Visualização de Código nas opções do cartão de texto para inserir código.
- Arraste um cartão Texto sobre uma linha existente.
- Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
- Clique na opção de tabela.
- Selecione o número de células que você deseja por linha e coluna.
- Após selecionar o tamanho da sua tabela, clique para inserir a tabela. Adicione ou remova linhas ou colunas clicando em uma célula e escolhendo inserir ou excluir botões de linhas ou colunas. Clique no botão de excluir para remover completamente a tabela.
Dica:
Para adicionar um cabeçalho, clique na linha superior da sua tabela e clique no botão Alternar cabeçalho da tabela. Os cabeçalhos facilitam para aqueles que utilizam tecnologias assistivas para navegar pelo conteúdo de uma tabela.
- Clique em Salvar.
Exibir principais métricas
Utilize o cartão Estatísticas de Resumo para mostrar os principais indicadores de desempenho e muito mais. As estatísticas de resumo são geradas de uma consulta de conjunto de dados e são automaticamente atualizadas conforme o conjunto de dados é atualizado. Somente aqueles com quem a estatística de resumo foi compartilhada poderão visualizá-la.
- Arraste um cartão Estatística de Resumo sobre uma linha existente.
- Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
- Clique em Adicionar Dados e escolha um conjunto de dados. Ao editar o site, o link de origem abaixo da sua estatística vinculará à página de detalhes do item para a página de visualização do conjunto de dados.
- Para Campo de Estatística, escolha um campo no conjunto de dados selecionado.
- Para
Tipo de Estatística, escolha o tipo de operação para executar no campo selecionado.
- Para texto e campos de data, escolha entre contagem, mínima e máxima.
- Para campos de número, escolha entre contagem, soma, mínimo, máximo, desvio padrão médio e variância.
- Opcionalmente, adicione um filtro à sua estatística escolhendo um atributo no menu suspenso Selecionar um Atributo .
- Selecione um atributo para utilizar para seu filtro.
- Clique em Adicionar.
- Selecione a nova caixa de atributo para mostrar a entrada do filtro. A caixa de entrada irá variar dependendo do tipo de campo.
- Insira seu filtro desejado.
- Clique fora da caixa de filtro ou pressione Enter.
- Insira um título na caixa de texto Título .
- Opcionalmente insira o texto em Texto de Teste para fornecer um link para o conjunto de dados de estatística e alterar a Cor de Destaque do texto.
Dica:
Se você optar por mostrar o texto de texto, verifique se a cor do texto contrasta com a cor do plano de fundo da linha. - Clique em Salvar.
Personalizar aparência da estatística
Você pode personalizar a aparência das métricas utilizando o cartão Estatísticas de Resumo.
- Após configurar um cartão Estatísticas de Resumo, clique no menu Aparência nas Configurações de Estatística no painel lateral.
- Opcionalmente, escolha para inserir um Título para a estatística. Você pode utilizar esta opção para definir claramente as medições de suas estatísticas.
- Adicione texto no campo Texto de Teste para fornecer informações adicionais sobre a estatística, como detalhes relevantes relacionados à sua origem ou configuração.
Dica:
A diferença entre Título e Texto de Teste - O ajuste da Cor de Destaque altera somente a cor da métrica. Escolha uma cor que contrasta claramente com acor do plano de fundo da linha.
Gráficos de barras
- Arraste um cartão Gráfico sobre uma linha existente.
- Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
- O Gráfico de Barras será selecionado por padrão.
- Clique em Adicionar Dados.
- Selecione um item dos seus serviços de dados disponíveis.
- Para Escolher Atributo de Categoria escolha o item de gráfico primário dos seus dados.
Campos de string e numéricos podem ser utilizados em gráficos. Por padrão, quando você seleciona um atributo de categoria, o gráfico resultante será uma contagem deste atributo.
- Opcionalmente, a partir de Escolher Atributo de Valor, escolha um campo numérico para servir como uma métrica de valor para o seu atributo de categoria. Após selecionado, a operação de estatística padrão neste campo é Soma. Você pode alterar a configuração Operação de Estatística utilizando o menu suspenso à direita do seletor Escolher Atributo de Valor . O atributo de valor suporta Mín, Máx, Soma, Média, e Contagem. Ao selecionar Contagem, o atributo de valor é desmarcado (pois não há necessidade de um campo adicional para contagem do atributo de categoria).
Campos de string e numéricos podem ser utilizados em gráficos. Por padrão, quando você seleciona um atributo de categoria, o gráfico resultante será uma contagem deste atributo.
- Clique no menu Opções para personalizar a visualização de seu gráfico com as configurações seguintes:
- A opção Classificar habilita a você escolher como seus dados de atributos são exibidos. Selecione um atributo e clique no botão de classificação próximo ao atributo para exibir os dados em ordem crescente ou decrescente.
- Configure um valor de altura (pixels) para seu gráfico no campo de texto Altura (px) .
- Escolha para exibir um título do seu gráfico clicando no botão próximo ao Título do Gráfico. Se exibir um título, insira seu nome no campo de texto fornecido e escolha um alinhamento.
- Configure Cor de Gráfico Primário inserindo um código de cor ou clicando no seletor de cores para escolher uma cor.
- Forneça texto para os campos Rótulo de Categoria e Rótulo de Valor .
- Clique em Salvar.
Gráficos de pizza
- Arraste um cartão Gráfico sobre uma linha existente.
- Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
- Selecione o gráfico de setores circulares clicando no botão de gráfico de pizza.
- Clique em Adicionar Dados.
- Selecione um item dos seus serviços de dados disponíveis.
- Para Escolher Atributo de Categoria escolha o item de gráfico primário dos seus dados.
Campos de string e numéricos podem ser utilizados em gráficos. Por padrão, quando você seleciona um atributo de categoria, o gráfico resultante será uma contagem deste atributo.
- Opcionalmente, a partir de Escolher Atributo de Valor, escolha um campo numérico para servir como uma métrica de valor para o seu atributo de categoria. Após selecionado, a operação de estatística padrão neste campo é Soma. Você pode alterar a configuração da Operação Estatística clicando na seta suspensa à direita do seletor Escolher Valor de Atributo . O atributo de valor suporta Mín, Máx, Soma, Média, e Contagem. Ao selecionar Contagem, o atributo de valor é desmarcado (pois não há necessidade de um campo adicional para contagem do atributo de categoria).
Campos de string e numéricos podem ser utilizados em gráficos. Por padrão, quando você seleciona um atributo de categoria, o gráfico resultante será uma contagem deste atributo.
- Clique no menu Opções para personalizar a visualização de seu gráfico com as configurações seguintes:
- A opção Classificar habilita a você escolher como seus dados de atributos são exibidos. Selecione um atributo e clique no botão de classificação próximo ao atributo para exibir os dados em ordem crescente ou decrescente.
- Configure um valor de altura (pixels) para seu gráfico no campo de texto Altura (px) .
- Escolha para exibir um título do seu gráfico clicando no botão próximo ao Título do Gráfico. Se exibir um título, insira seu nome no campo de texto fornecido e escolha um alinhamento.
- Configure o texto do Rótulo de Categoria para o rótulo de cada parte da pizza na dica de ferramenta e texto do Rótulo de Valor para o rótulo da métrica na dica de ferramenta.
- Clique em Salvar.
Gráficos de linhas
- Arraste um cartão Gráfico sobre uma linha existente.
- Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
- Selecione o gráfico de linha clicando no botão de gráfico de linha.
- Clique em Adicionar Dados.
- Selecione um item dos seus serviços de dados disponíveis.
- Para Escolher Atributo de Categoria escolha o item de gráfico primário dos seus dados.
Campos de string e numéricos podem ser utilizados em gráficos. Por padrão, quando você seleciona um atributo de categoria, o gráfico resultante será uma contagem deste atributo.
- Opcionalmente, a partir de Escolher Atributo de Valor, escolha um campo numérico para servir como uma métrica de valor para o seu atributo de categoria. Após selecionado, a operação de estatística padrão neste campo é Soma. Você pode alterar a configuração da Operação Estatística clicando na seta suspensa à direita do seletor Escolher Valor de Atributo . O atributo de valor suporta Mín, Máx, Soma, Média, e Contagem. Ao selecionar Contagem, o atributo de valor é desmarcado (pois não há necessidade de um campo adicional para contagem do atributo de categoria).
Campos de string e numéricos podem ser utilizados em gráficos. Por padrão, quando você seleciona um atributo de categoria, o gráfico resultante será uma contagem deste atributo.
- Clique no menu Opções para personalizar a visualização de seu gráfico com as configurações seguintes:
- A opção Classificar habilita a você escolher como seus dados de atributos são exibidos. Selecione um atributo e clique no botão de classificação próximo ao atributo para exibir os dados em ordem crescente ou decrescente.
- Configure um valor de altura (pixels) para seu gráfico no campo de texto Altura (px) .
- Escolha para exibir um título do seu gráfico clicando no botão próximo ao Título do Gráfico. Se exibir um título, insira seu nome no campo de texto fornecido e escolha um alinhamento.
- Configure Cor de Gráfico Primário inserindo um código de cor ou clicando no seletor de cores para escolher uma cor.
- Configure o texto do Rótulo de Categoria para o rótulo de cada ponto na dica de ferramenta e o texto do Rótulo de Valor para o rótulo da métrica na dica de ferramenta.
- Clique em Salvar.
Gráficos de dispersão
- Arraste um cartão Gráfico sobre uma linha existente.
- Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
- Selecione o gráfico de linha clicando no botão do gráfico de dispersão.
- Clique em Adicionar Dados.
- Selecione um item dos seus serviços de dados disponíveis.
- Para Escolher Atributo de Eixo X, escolha o item de gráfico primário dos seus dados.
Campos de string e numéricos podem ser utilizados em gráficos. Por padrão, quando você seleciona um atributo de categoria, o gráfico resultante será uma contagem deste atributo.
- Selecione um atributo para o campo Escolher Atributo do Eixo Y . Escolha um campo numérico para servir como uma métrica de valor para o seu atributo de categoria.
Campos de string e numéricos podem ser utilizados em gráficos. Por padrão, quando você seleciona um atributo de categoria, o gráfico resultante será uma contagem deste atributo.
- Clique no menu Opções para personalizar a visualização de seu gráfico com as configurações seguintes:
- A opção Classificar habilita a você escolher como seus dados de atributos são exibidos. Selecione um atributo e clique no botão de classificação próximo ao atributo para exibir os dados em ordem crescente ou decrescente.
- Configure um valor de altura (pixels) para seu gráfico no campo de texto Altura (px) .
- Escolha para exibir um título do seu gráfico clicando no botão próximo ao Título do Gráfico. Se exibir um título, insira seu nome no campo de texto fornecido e escolha um alinhamento.
- Configure Cor de Gráfico Primária inserindo um código da cor , ou clicando no seletor de cores para escolher uma cor.
- Configure os rótulos para Rótulo do Eixo X e Rótulo do Eixo Y para exibir em seu gráfico.
- Clique em Salvar.
Gráficos JSON
Os gráficos personalizados são criados a partir do JSON utilizando uma especificação de gráfico específico.
- Arraste um cartão Gráfico sobre uma linha existente.
- Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
- Selecione o título JSON
- Insira seu JSON no campo Especificação do Gráfico de JSON .
- Opcionalmente, na seção Opções você pode ativar ou desativar e personalizar as configurações do Título do Gráfico e Altura (em pixels).
- Clique em Salvar.
Conjuntos de Dados
O vetor dos conjuntos de dados especifica uma URL de serviço de feição do ArcGIS e parâmetros de consulta. Consulte a documentação do REST API para aprender mais sobre parâmetros de consulta.
{ "datasets": [ { "url": "SampleArcGISFeatureService_URL", "name" : "Number_of_SUM",
"query": { "groupByFieldsForStatistics": "Zip", "outStatistics": [{
"statisticType": "sum", "onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM" }] } } ]
}
Série
A série de vetores permite a você especificar os mapeamentos entre campos na resposta do serviço e os aspectos visuais do gráfico (eixos x, y, cor e tamanho para gráficos de dispersão, raio para gráficos de pizza).
{ "series": [ { "source": "Number_of_SUM", "category": { "field": "Type", "label": "Facility
Use" }, "value": { "field":"Number_of_SUM","label":"Total Students" }} ] }
Substituições
A propriedade de substituição permite a você especificar substituições visuais, como cor ou posicionamento, para o gráfico inteiro.
"overrides": {
"legend": {
"enabled": true
},
"backgroundColor": "#E6E6FA",
"backgroundAlpha": 1
}
}
Especificações
A propriedade de especificação permite a você inserir uma especificação Cedar inteira para um gráfico puramente personalizado. Visualizar exemplos para especificações de gráfico existentes.
Exemplo do gráfico de caixa
{
"type": "bar",
"datasets": [
{
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
"name": "Number_of_SUM",
"query": {
"orderByFields": "Number_of_SUM DESC",
"groupByFieldsForStatistics": "Type",
"outStatistics": [
{
"statisticType": "sum",
"onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM"
}
]
}
}
],
"series": [
{
"category": {"field": "Type", "label": "Type"},
"value": {"field": "Number_of_SUM", "label": "Number of Students"},
"source": "Number_of_SUM"
}
]
}
Exemplo do gráfico de barras horizontal
{
"type": "bar-horizontal", "datasets": [ {
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0", "name": "Number_of_SUM", "query": {
"orderByFields": "Number_of_SUM DESC", "groupByFieldsForStatistics": "Type", "outStatistics": [ {
"statisticType": "sum", "onStatisticField": "Number_of", "outStatisticFieldName": "Number_of_SUM"
}
] }
}
], "series": [ {
"category": {"field": "Type", "label": "Type"}, "value": {"field": "Number_of_SUM", "label": "Number of Students"}, "source": "Number_of_SUM"
}
], "overrides": {
"categoryAxis": {
"labelRotation": -45 }
}
}
Exemplo do gráfico de barras agrupado
Anotação:
Cada série corresponderá a um grupo.{
"type": "bar",
"datasets": [
{
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
"name": "Jordan",
"query": {
"where": "City='Jordan'",
"orderByFields": "Number_of_SUM DESC",
"groupByFieldsForStatistics": "Type",
"outStatistics": [{
"statisticType": "sum",
"onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM"
}]
},
"join": "Type"
},
{
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
"name": "Dewitt",
"query": {
"where": "City='Dewitt'",
"orderByFields": "Number_of_SUM DESC",
"groupByFieldsForStatistics": "Type",
"outStatistics": [{
"statisticType": "sum",
"onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM"
}]
},
"join": "Type"
},
{
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
"name": "Fayetteville",
"query": {
"where": "City='Fayetteville'",
"orderByFields": "Number_of_SUM DESC",
"groupByFieldsForStatistics": "Type",
"outStatistics": [{
"statisticType": "sum",
"onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM"
}]
},
"join": "Type"
}
],
"series": [
{
"category": {"field": "Type", "label": "Type"},
"value": { "field": "Number_of_SUM", "label": "Jordan Students"},
"source": "Jordan"
},
{
"category": {"field": "Type", "label": "Type"},
"value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
"source": "Dewitt"
},
{
"category": {"field": "Type", "label": "Type"},
"value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
"source": "Fayetteville"
}
]
}
Exemplo do gráfico de dispersão
{
"type": "bar", "datasets": [ {
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0", "name": "Jordan", "query": {
"where": "City='Jordan'", "orderByFields": "Number_of_SUM DESC", "groupByFieldsForStatistics": "Type", "outStatistics": [{
"statisticType": "sum", "onStatisticField": "Number_of", "outStatisticFieldName": "Number_of_SUM"
}] }, "join": "Type"
}, {
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0", "name": "Dewitt", "query": {
"where": "City='Dewitt'", "orderByFields": "Number_of_SUM DESC", "groupByFieldsForStatistics": "Type", "outStatistics": [{
"statisticType": "sum", "onStatisticField": "Number_of", "outStatisticFieldName": "Number_of_SUM"
}] }, "join": "Type"
}, {
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0", "name": "Fayetteville", "query": {
"where": "City='Fayetteville'", "orderByFields": "Number_of_SUM DESC", "groupByFieldsForStatistics": "Type", "outStatistics": [{
"statisticType": "sum", "onStatisticField": "Number_of", "outStatisticFieldName": "Number_of_SUM"
}] }, "join": "Type"
}
], "series": [ {
"category": {"field": "Type", "label": "Type"}, "value": { "field": "Number_of_SUM", "label": "Jordan Students"}, "source": "Jordan"
}, {
"category": {"field": "Type", "label": "Type"}, "value": { "field": "Number_of_SUM", "label": "Dewitt Students"}, "source": "Dewitt"
}, {
"category": {"field": "Type", "label": "Type"}, "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"}, "source": "Fayetteville"
}
]
}
Exemplo do gráfico de dispersão de bolha
{
"type": "bar", "datasets": [ {
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0", "name": "Jordan", "query": {
"where": "City='Jordan'", "orderByFields": "Number_of_SUM DESC", "groupByFieldsForStatistics": "Type", "outStatistics": [{
"statisticType": "sum", "onStatisticField": "Number_of", "outStatisticFieldName": "Number_of_SUM"
}] }, "join": "Type"
}, {
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0", "name": "Dewitt", "query": {
"where": "City='Dewitt'", "orderByFields": "Number_of_SUM DESC", "groupByFieldsForStatistics": "Type", "outStatistics": [{
"statisticType": "sum", "onStatisticField": "Number_of", "outStatisticFieldName": "Number_of_SUM"
}] }, "join": "Type"
}, {
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0", "name": "Fayetteville", "query": {
"where": "City='Fayetteville'", "orderByFields": "Number_of_SUM DESC", "groupByFieldsForStatistics": "Type", "outStatistics": [{
"statisticType": "sum", "onStatisticField": "Number_of", "outStatisticFieldName": "Number_of_SUM"
}] }, "join": "Type"
}
], "series": [ {
"category": {"field": "Type", "label": "Type"}, "value": { "field": "Number_of_SUM", "label": "Jordan Students"}, "source": "Jordan"
}, {
"category": {"field": "Type", "label": "Type"}, "value": { "field": "Number_of_SUM", "label": "Dewitt Students"}, "source": "Dewitt"
}, {
"category": {"field": "Type", "label": "Type"}, "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"}, "source": "Fayetteville"
}
]
}
Exemplo do gráfico da linha de tempo
Anotação:
A categoria deve ser um campo de data e hora.{
"type": "bar",
"datasets": [
{
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
"name": "Jordan",
"query": {
"where": "City='Jordan'",
"orderByFields": "Number_of_SUM DESC",
"groupByFieldsForStatistics": "Type",
"outStatistics": [{
"statisticType": "sum",
"onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM"
}]
},
"join": "Type"
},
{
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
"name": "Dewitt",
"query": {
"where": "City='Dewitt'",
"orderByFields": "Number_of_SUM DESC",
"groupByFieldsForStatistics": "Type",
"outStatistics": [{
"statisticType": "sum",
"onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM"
}]
},
"join": "Type"
},
{
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
"name": "Fayetteville",
"query": {
"where": "City='Fayetteville'",
"orderByFields": "Number_of_SUM DESC",
"groupByFieldsForStatistics": "Type",
"outStatistics": [{
"statisticType": "sum",
"onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM"
}]
},
"join": "Type"
}
],
"series": [
{
"category": {"field": "Type", "label": "Type"},
"value": { "field": "Number_of_SUM", "label": "Jordan Students"},
"source": "Jordan"
},
{
"category": {"field": "Type", "label": "Type"},
"value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
"source": "Dewitt"
},
{
"category": {"field": "Type", "label": "Type"},
"value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
"source": "Fayetteville"
}
]
}