/data-display

A simple application to display data in charts, tables, and on maps. Created with React, JavaScript, Node.js, Bootstrap

Primary LanguageJavaScriptMIT LicenseMIT

Data Display in React (charts, tables, map)

Live at : https://datadisplayreact.herokuapp.com

A simple application displaying data in React, with charts, tables, and map. Implemented with React, JavaScript, Node.js, Victory Charts, Google Maps, Bootstrap.

Clusters were created using istarkov solution: https://github.com/istarkov/google-map-clustering-example

Cluster symbol source: https://github.com/googlemaps/v3-utility-library/blob/master/markerclusterer/images/m4.png

Final product:

Bar chart with table "Screenshot of bar chart with table"

Bar chart with table - some data removed "Screenshot of bar chart with table"

Area chart with table "Screenshot of bar chart with table"

Area chart with table - some data removed "Screenshot of bar chart with table"

Map with data, data clusters, and table "Screenshot of bar chart with table"

Map with data, data clusters, and table with active search "Screenshot of bar chart with table"