Giter VIP home page Giter VIP logo

tarazed's Introduction

Tarazed - History of space launches

Status: v 1.1

Introduction

Tarazed takes every space launch in history from Launchlibrary and displays a visual representation using d3js v4 and javascript. This kind of visualization should be easy to embed in another web page. For the available informations, refer to the API documentation.

Task

How can a user understand the progression behind the overall evolution of the space travel phenomenon?

The specific task is to display the history of the space travels from 1961 until the last scheduled launch in a clear and easy to understand representation, focusing on group of launches instead of single launches. The user can see the progress on a time based representation, interacting with the graph to see the statistics of each year or decade, and easily comparing them. Approximately, there are 2000 launches, 250 agencies, 15 launch locations and a time window of 60 years (at the time of writing).

Features

  • Dynamic data! The visualization is automatically updated when a new launch is scheduled
  • Interactive visual representation, precise stats (completed/failed, launch location, total launches and more)
  • Countdown to the next scheduled launch
  • Smooth animations for almost every interaction
  • Compare launches across 2 or more years or decades
  • The sources are easy to customize and understand
  • A simple page template to display the graph (including a customizable particles.js background)

Screenshots

Basic layout (tarazed-clean folder)

drawing

Template layout (tarazed-template folder)

drawing

How to

Just clone the repo! You can use it as it is (use an http local server running the command python -m http.server 8080), or import the script and the css in another html page: make sure to add a div with the correct id (it must match the idToSelect variable in the js file) and the same DOM structure. The customizable elements are in the script iteself and in the css.

tarazed's People

Contributors

m-i-n-a-r avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.