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 principal 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 em um site ou uma página.
Para começar, entre no Portal for ArcGIS e clique em Sites na página Visão Geral para visualizar uma lista de sites.
Dica:
Você também pode editar um site ao visualizá-lo em um navegador. Verifique se você está conectado e procure o botão de edição à esquerda do seu site.
Criar uma tabela
Use o cartão Texto para organizar as informações em uma tabela.
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.
- ParaTipo 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 final, verifique se a cor do texto contrasta com a cor do plano de fundo da linha. - Defina o Tempo limite de conexão do servidor (segundos) mais alto (para serviços grandes) para permitir que o serviço tenha mais tempo para responder.
- 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.
- 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
Use o cartão Gráfico e crie um gráfico de barras para resumir e comparar dados categóricos.
- 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.
- Defina o Tempo limite de conexão do servidor (segundos) mais alto (para serviços grandes) para permitir que o serviço tenha mais tempo para responder.
- Clique em Salvar.
Gráficos de pizza
Use o cartão Gráfico e crie um gráfico de pizza para ilustrar como as partes individuais se relacionam com um conjunto inteiro. Use um gráfico de pizza quando houver apenas algumas categorias nos dados.
- 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.
- Defina o Tempo limite de conexão do servidor (segundos) mais alto (para serviços grandes) para permitir que o serviço tenha mais tempo para responder.
- Clique em Salvar.
Gráficos de linhas
Use o cartão Gráfico e crie um gráfico de linhas para visualizar a mudança em um intervalo contínuo, como tempo ou distância.
- 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 da ferramenta e o texto Rótulo de valor para o rótulo da métrica na dica da ferramenta.
- Defina o Tempo limite de conexão do servidor (segundos) mais alto (para serviços grandes) para permitir que o serviço tenha mais tempo para responder.
- Clique em Salvar.
Gráficos de dispersão
Use o cartão Gráfico e crie um gráfico de dispersão para mostrar a relação entre duas variáveis numéricas. Exiba uma variável no eixo x e a outra variável no eixo y.
- 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ário inserindo um código de cor,r 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 Ypara exibir em seu gráfico.
- Defina o Tempo limite de conexão do servidor (segundos) mais alto (para serviços grandes) para permitir que o serviço tenha mais tempo para responder.
- Clique em Salvar.
Gráficos JSON
Use o cartão Gráfico e crie um gráfico personalizado com JSON usando uma especificação de gráfico específica.
- 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áfco e Altura i(em pixels).
- Defina o Tempo limite de conexão do servidor (segundos) mais alto (para serviços grandes) para permitir que o serviço tenha mais tempo para responder.
- 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 saber 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 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 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ções permite 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 barras
{
"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": "scatter",
"datasets": [ {
"url": "https://services1.arcgis.com/bqfNVPUK3HOnCFmA/arcgis/rest/services/Demographics_(Median_Household_Income)/FeatureServer/0"
}],
"series": [
{
"category": {"field": "TotalPop2015", "label": "Population"},
"value": {"field": "MedianHHIncome2015", "label": "Median Median Household Income"}
}
]
}Exemplo do gráfico de dispersão de bolha
{
"type": "scatter",
"datasets": [
{
"url":"https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0"
}
],
"series": [
{
"category": {"field": "Number_of", "label": "Number of Teachers"},
"value": {"field": "F_of_teach", "label": "Fraction of Teachers"},
"size": {"field": "Not_Taught", "label": "Number not Taught"}
}
]
}Exemplo do gráfico da linha de tempo
Anotação:
A categoria deve ser um campo de data e hora. {
"type": "timeline",
"datasets": [
{
"url": "https://services.arcgis.com/bkrWlSKcjUDFDtgw/arcgis/rest/services/DC_Crashes/FeatureServer/0",
"query": {
"where": "REPORTDATE > '2008-10-01' AND REPORTDATE < '2008-11-01'",
"orderByFields": "REPORTDATE ASC",
"sqlFormat": "standard"
}
}
],
"series": [
{
"category": {
"field": "REPORTDATE",
"label": "Date"
},
"value": {
"field": "MAJORINJURIES",
"label": "Major Injuries"
}
}
]
}