/data-visualization

Data visualization with d3.js and react.

Primary LanguageJavaScript

Data Visualization with D3.js and React

Data visualization is an interdisciplinary field that deals with the graphic representation of data. It is a particularly efficient way of communicating when the data is numerous as for example a Time Series.


Live Demo

You can check demo here.


Preview

Screen Shot 2021-01-18 at 10 59 08 PM


1. Bubble Map

Kapture 2021-01-11 at 20 10 59


2. Multi Line Chart

Kapture 2021-01-11 at 20 16 26


3. Bar Chart

Kapture 2021-01-12 at 19 31 10


4. Scatter Plot

Kapture 2021-01-18 at 22 50 30


✨ Features

  • Interactive graph based on user selected option.
  • Animated graph
  • Sort graph ascending or descending.
  • Zoomable World Map.
  • Tooltip

🛠 Tech and libraries

  • Next.js
  • D3.js
  • styled-components
  • Topojson
  • PropTypes

Getting started

Install npm packages

npm install

Run dev server

npm run dev