Skip to content

A collection of Data Visualization projects, made with D3.js.

License

Notifications You must be signed in to change notification settings

sandypockets/data-viz

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Data Viz

A collection of data visualization projects, primarily made with D3.js.

Heatmap

A heatmap comparing city temperatures across the globe. Temperatures are displayed with colours, a line graph, and a label.

demo gif

Scatterplot

A scatterplot comparing the cost of living (transportation, housing, utilities) in cities across the world.

demo gif

Line

A list of movies, and their ratings from IMDB and metascore displayed as a vertical line graph down the page. Compare differences in ratings from critics and movie fans.

demo gif

Broken Line Graph

Search through a database of names, and view popularity rankings over time as a broken line.

🛠 Built with

  • D3.js
  • Express.js

🚀 Getting started

Developed using Node 14 and packages managed with npm

  1. Fork and clone this repository.
  2. Install dependencies with npm install
  3. Start the development server with npm start

📦 Dependencies

  • cookie-parser
  • debug
  • ejs
  • express
  • http-errors
  • morgan

Dev dependencies

  • None

📸 Screenshots

temperatures heat map screenshot

cost of living scatterplot screenshot

movie ratings screenshot

name rankings screenshot

About

A collection of Data Visualization projects, made with D3.js.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages