Skip to content

0surface/d3jscollection

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

D3.js Collection on React

This project showcases the D3.js library's charts and plots on a react app.

Getting Started with Create React App

This project was bootstrapped with Create React App.

World Map

D3.js_worldmap.png

The barchart uses data that was taken from the World Atlas npm,the medium (50m) raw file can be found here

Barchart

D3.js_Barchart

The barchart uses data that was taken from the United Nations World Population Prospects 2019 Dataset, cleaned and formatted as a CSV.

Scatter Plot

D3.js_scatterplot

The scatter plot uses was Originally published at UCI Machine Learning Repository: Iris Data Set. The cleaned and formatted data was originally taken Curran's GitHubGist, presented as a CSV

Line Chart

D3.js_linechart

This line chart shows temperature in degrees celcius in San Francisco for one week. The data was collected from the (now defunct) Data Canvas - Sense Your City API. The cleaned [CSV] file is originally taken from Curran's GitHubGist presented as a CSV

World map Resources

This repository provides a convenient redistribution of Natural Earth’s vector data

TopoJSON is an extension of GeoJSON that encodes topology. Rather than representing geometries discretely, geometries in TopoJSON files are stitched together from shared line segments called arcs

GeoJSON[1] is an open standard format designed for representing simple geographical features, along with their non-spatial attributes. It is based on the JSON format.

Natural Earth is a public domain map dataset available at 1:10m, 1:50m, and 1:110 million scales. Featuring tightly integrated vector and raster data, with Natural Earth you can make a variety of visually pleasing, well-crafted maps with cartography or GIS software.

the medium (50m) raw file

Visualize maps if you have the files (shape,geo)

Simplify geometry to suit the displayed resolution. Reduces the geo data to a fraction while maintaining the basic geometery / shape.

Transforming topoJSON data to GeoJson data

This is done by using the topoJSON library topojson.feature - convert TopoJSON to GeoJSON Get the minified version directly from [unpkg]https://unpkg.com/browse/topojson-client@3.1.0/dist/) and get the raw file

About

D3.js chart and plot collection on react

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published