No ArcGIS Dashboard, a estilização é um passo fundamental para transformar dados em histórias visuais claras e envolventes. A forma como você organiza os elementos, escolhe as cores e apresenta os indicadores faz toda a diferença na interpretação das informações e na experiência do usuário.
Com ajustes simples, é possível destacar métricas importantes, criar harmonia entre os componentes e reforçar a identidade visual do projeto. Um painel bem estilizado não apenas comunica melhor os resultados, mas também torna a análise mais intuitiva e o acompanhamento dos dados mais eficiente.
Itens abordados: Cabeçalho, Lista com imagem, Editar tabela com Arcade, Filtros e Ações.
Referências:
Charting multidimensional data in ArcGIS Dashboards
Arcade tips for tables in ArcGIS Dashboards
Código – Estilização da Lista:
<div style="background-color:{expression/cardBkgColor};border-radius:{expression/radius};box-shadow:1px 3px 5px rgba(0, 0, 0, 0.05);display:flex;height:{expression/cardHeight};padding:0.7rem;width:100%;">
<p>
<img style="border-radius:4px;max-height:60px;max-width:60px;object-fit:contain;" src="{field/View_Attachment}">
</p>
<div style="flex:1 1 auto;overflow:hidden;padding:0 0.5rem;vertical-align:top;width:100%;">
<div style="font-size:{expression/titleFontSize};line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
<strong>Tipo: {field/Crime}</strong>
</div>
<div style="display:-webkit-box;font-weight:200;opacity:0.9;overflow:hidden;padding:0.3rem 0;text-overflow:ellipsis;">
<span style="color:#000000;">{field/Data_Ocorrencia}</span>
</div>
<div style="display:flex;flex-direction:row;">
<p>
{field/Localizacao}
</p>
<p>
<img style="flex:0 0 auto;margin-right:0.2rem;object-fit:contain;vertical-align:middle;" src="{expression/bullet2IconUrl}" width="14" height="14">{field/Periodo}
</p>
</div>
</div>
</div>
