bbutler522 / spacex-visualization

A visualization of SpaceX launches

SpaceX-Visualization

A visualization of SpaceX launches

Technologies

Build using primarily React and jQuery to work with JSON data, presenting it in an easy to examine format. An initial chart is generated with Google Charts, though more in depth analyses will be added later (Either in GCharts or D3.js)

Using Webpack, Babel, and React. Compile SCSS and JS using

npm run watch

Install locally with

npm install

SpaceX

Find out more about SpaceX on their site at http://www.spacex.com/

• I am not affiliated with SpaceX in any way
• All data and photos are property of Space Exploration Technologies Corporation (SpaceX)

API Source

https://api.spacexdata.com/v2/launches

https://github.com/r-spacex/SpaceX-API

spacex-visualization's Issues

Move each section to its own component

Make Generators & JSON functions DRY

add `overflow-y: scroll` to html css - prevent container shifting

Prevent clicking same nav item from switching list state order

Create a fallback of old data if there is no connection to the api

Daily cronjob to save a JSON file with the date saved.
If the API is out, display the saved data, letting the user know the data's date

Convert next launch countdown

Update Styling to be more like SpaceX

Currently the styling is mainly bootstrap.

Work to match the sleek styling of http://www.spacex.com/

Mobile: close menu on click

Enable Searching through launches

Custom scrollbar?

Could look like a F9

Compile all APIs to cut back on individual calls?

Currently referencing the 8 APIs separately. Is it more efficient to call them and make a master object?

Move generators and JSON to React

Tablet and up: left sidebar menu instead of top

Capsules & Rockets links are broken

Additional Charts

Any additional ideas for charts that would be good to leverage using the APIs

• Launches by year by rocket/capsule
• Number of times each customer has a contract
• Most used Cores and Capsules
• Launchpad use over time
• Part reuse over time
• Landings over time