About

This application was inspired by those companies that will make a poster of a significant date. I thought I would make a web app that could do some of the math.

Accuracy

Note, you probably shouldn't use this if you work at NASA. The math under the hood assumes our solar system is 2D and that the planets follow a perfect circle. I also haven't addressed any precision issues with JavaScript so viewing dates like when the sun will explode will likely not work. I have a feeling this tool is only accurate to ±100 years from Jan 01 2000. If you need something more accurate checkout a 3D Diagram of the Solar System.

Approach

This site uses Nextjs, React, SVG and react-spring. Nextjs handles compiling and the app into static and re-hyrdratable assets. React handles rendering elements to the DOM and storing the state of things (like the date to visualize). SVG is used for rendering the view of the solar system (with infinite resolution). React-spring is used for animating dom attributes in react according to physics based springs. Using springs gives the animations that organic feel.