Configurable time-aware dashboard with ArcGIS JS API and amCharts JS Charts.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
img
js
sampleWebappConfiguration
LICENSE.md
README.md
ToDo.txt
config.json
configurationGuide.md
index.html
themeTemplate.json

README.md

About the "Dash-Map-Board" project

aka Easy way to create map-based time-aware dashboard for "lightweight" coders

Created by

  • László Lellei (spatial data expert)
  • Zsolt Ónodi (GIS expert)

Contanct us

E-mail: dashmapboard[at]gmail[dot]com

Short description

Our project goal is to create a configurable time-aware dashboard using ArcGIS JS API and amCharts JS Charts. If you're new with this whole programming stuff, you only have to change some parameters in config.json with which the "Configuration guide" will help. If you like to dive into codes you can also alter HTML, CSS and JS files as well to create a custom dashboard with map.

Preparations and preconfigurations

You will need at least one time-aware ESRI MapService. You can find several guides and tutorials on the internet or you can follow our MapService Creation Guide [COMING SOON].
When you've created or found at least one time-aware service you're ready to change the configuration file (config.json) following our Configuration Guide.
But first you may want to check our sample webapp config.json and change some of the configurations. Don't rush, change only one at a time and check what does it do exactly! When you feel comfortable with the sample, create your own service(s) and build the configuration file from scratch!

Change log

v1.0

  • You can create a map-based time-aware dashboard web application.
  • You can combine several themes in one application.
  • The webapp contains one map and zero to three charts for each theme.
  • You can choose serial, pie, radar, bubble charts and table. But you can use a chart type only once in each dashboard.
  • You can set the width and height of the boxes containing the map and the charts.
  • You can set the chart's content by defining fields and aliases.
  • You can set the chart's title, colors, data precision and so on...

Future plans

  • Multiple charts of the same type in one dashboard.
  • Multiple maps in one dashboard.
  • Search box on the map.
  • Resizable (map/chart) boxes.
  • Front-end chart type seletion for each box.
  • Move more parameter from JS to config.json.
  • More selectable chart types.
  • Form-driven webapp creation.