Coder Social home page Coder Social logo

csis-ilab / gapminderinteractive Goto Github PK

View Code? Open in Web Editor NEW

This project forked from adityajain15/gapminderinteractive

1.0 1.0 2.0 38.05 MB

https://csis-ilab.github.io/gapminderInteractive/

HTML 25.09% JavaScript 45.00% CSS 3.72% Ruby 0.39% SCSS 25.80%

gapminderinteractive's Introduction

csis-ilab

gapminderinteractive's People

Contributors

dlousa92 avatar jnschrag avatar jonathan-j-choi avatar tuckabelle avatar urchykli avatar

Watchers

 avatar  avatar  avatar

Forkers

jnschrag

gapminderinteractive's Issues

Help

  • Use China Power data
  • Dynamic timeline labels (not hardcoded)
  • Countries should be mapped on ISO codes, not names
  • Check X axis visibility
  • Timing of lines, circles, tooltip when tracking individual country paths on play
  • Year tooltip when you hover over individual country circle
  • Add/Erase paths/circles when scrolling through time
  • Big tooltip should appear on hover when no countries are selected
  • China color gradient
  • China as a triangle
  • tooltip floats left if too close to right edge
  • vertical/horizontal lines to circle show on hover when tracking (doesn't go away until you hover over another country)
  • Cut off circles if they go past the edge of the chart
  • Close button on Country tooltip when clicked

MOBILE

  • Big tooltip info should only show when someone taps a circle
  • Big tooltip info should appear below the graph, above the timeline
  • Compare Data Sets can disappear
  • Xaxis label should be in lower right corner, Y axis label should be upper left corner
  • Left Align Title so it doesn't hit the Options button

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.