Dashboard – How to Create a Dashboard Combining Maps and Charts the Open Source Way

chart;d3dashboardjavascriptleaflet

As far as I am aware there is no open source user interface (framework) which would allow easily design website as combination of interactive maps and charts like ArcGIS dashboard tool does. And you can't go without at least basic coding skills and combination of tools. What is currently the closest it gets to create interactive web GIS dashboard in open source world?

In particular, what would it take to create open source alternative dashboard to coronavirus dashboard? We talk client side only solution, which must be capable to connect to GIS servers (consume GIS services).

My understanding is currently you must have some coding skills, and use some combination of following tools:

  1. Bootstrap – main framework to design page / grid
  2. Leaflet or OpenLayers to incorporate interactive maps
  3. D3.js or Chart.js to incorporate interactive charts

By initial search combination of Bootstrap, Leaflet and D3.js seems to be the most used way these days to incorporate interactive maps and charts into dashboard like website. Is that correct?

Best Answer

If it still works for you, there's Mapstore option. You can set up a dashboard in open source environment without code. Of course, there's a developer way if you want.