A experiment to visualize Tree in NewYork and Flight record data. Using Deck.gl and Kaggle
Switch branches/tags
Clone or download
Latest commit 61fd463 Apr 8, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo/src Init Mar 10, 2017
docs Init Mar 10, 2017
example Updated flight-data-one-row.csv Mar 14, 2017
shaderlib Init Mar 10, 2017
src Updated flight-data-one-row.csv Mar 14, 2017
.babelrc Init Mar 10, 2017
.eslintrc Init Mar 10, 2017
.gitattributes Init Mar 10, 2017
.gitignore Init Mar 10, 2017
.travis.yml Init Mar 10, 2017
CHANGELOG.md Init Mar 10, 2017
Data-visualization-thumbnail added thumbnail Mar 14, 2017
LICENSE Init Mar 10, 2017
README.md Update README.md Apr 8, 2017
experimental.js Init Mar 10, 2017
flight-record.gif Added gif Mar 14, 2017
index.js Init Mar 10, 2017
package.json Setup Tween Timer for GLSL animation Mar 13, 2017
react.js Init Mar 10, 2017
samples.js Init Mar 10, 2017
viewport.js Init Mar 10, 2017
yarn.lock Updated yarn.lock Apr 8, 2017

README.md

Data Visualization

An crazy experiement for demonstrating data visualization.

Youtube

Data Visualization Youtube

Blog

I spent a week to write blog about Deck.gl - Data Visualization
Keep in touch with me at nghiatran.me

Data

All data I downloaded from Kaggle
2015 Trees in New York City
2015 Flight delay and cancellation
Both are released under CC0: Public Domain License. I could do whatever I like 🤗

Installation

Navigate to root folder and run scrip

yarn install
yarn start

Technologies

  • Mapbox
  • React-map-gl
  • Deck.gl
  • Data from Kaggle.com
  • Heatmap
  • Extend deck.gl.Layer, support GLSL shader for animation.