https://github.com/phocks/missile-map

A map of the world using D3 and Canvas showing missile ranges
https://github.com/phocks/missile-map

d3 d3-visualization d3js d3v4 map preact

Last synced: about 11 hours ago
JSON representation

A map of the world using D3 and Canvas showing missile ranges

• Host: GitHub
• URL: https://github.com/phocks/missile-map
• Owner: phocks
• License: mit
• Created: 2017-09-14T06:15:54.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2021-07-06T01:57:41.000Z (over 3 years ago)
• Last Synced: 2024-05-02T01:50:53.155Z (7 months ago)
• Topics: d3, d3-visualization, d3js, d3v4, map, preact
• Language: HTML
• Homepage: http://www.abc.net.au/news/2017-10-16/north-korea-missile-range-map/8880894
• Size: 961 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Missile Map

===========

Generate a [D3](http://d3js.org/) spinning globe on canvas and animate it using scrollyteller waypoints.

A project generated from [aunty](http://github.com/abcnews/aunty)'s `preact-app` template.

Depends on [Odyssey Scrollyteller](https://github.com/abcnews/odyssey-scrollyteller) and [ABC's Odyssey Template](https://github.com/abcnews/odyssey).

The article is live now [on the ABC website](http://www.abc.net.au/news/2017-10-16/north-korea-missile-range-map/8880894).

## Configuration

Generate marker waypoints in CoreMedia with hashes like `#markIDnorthkoreaRANGE1000LABELguam`

Needs a JSON data file with your coordinates and names etc.

Note: this project is for use internally within the ABC. It will probably not work on its own, but you are welcome to have a look around (the most interesting code is in [/src/components/Globe.js](https://github.com/abcnews/north-korea-missile-map/blob/master/src/components/Globe.js))

## Authors

- Joshua Byrd ([[email protected]](mailto:[email protected]))