Code Monkey home page Code Monkey logo

melodictransport's People

Contributors

bruno-c avatar jerclark avatar nathanielburbank avatar

Watchers

 avatar  avatar

melodictransport's Issues

Create Radar Chart

Including:

  • Definition of what dimensions to display
  • Ability to show more than 1 data set (i.e., year)
  • Colors and styles
  • Hovering interactions

Draft usage explanation for Tree chart

-Tree Height = income earned
-Branch length = % income spend on the category designated by the leaf icon
-Leaf size = gets smaller in proportion to CPI increase. In other words, as that item gets more expensive, the leaf gets smaller.

Prepare data for use in visualizations

This could be an API that we can load data from or a prepared set of files that structures the data the way we'd need to use it. If possible maybe we just dump the entire hierarchical structure form the dataset explorer to a JSON file, with some extra inclusions from the CPI data set (cu).

OR

If the data driving the dataset explorer is already in SQLite we could use something like https://www.npmjs.com/package/sqlite2json to perform queries that return data we'd like to use in visualizations. It would probably be smart to try and think about all of the data we use to drive visualizations as flatly as possible, so arrays of results form sqlite might be sufficient.

Draft usage notes for radar

-Select a demographic to see a breakdown of characteristics within that demographic.
-Select an item to view consumption across the chosen demographic breakdown
-Note, if there is no data for a given demographic/item combination, the radar plot line will 'collapse' to 0 on that spoke.

Prepare to deploy on public website

As part of the final project we have to deploy the website. We can use github pages, probably, but otherwise I have plenty of hosting space.

“percent of income” of income values add up to more than 100%

one problem I noticed this evening is that the “percent of income” numbers do no add up. Or, they add up to more than 100% when you sum all of the expense items. It may just be that I’m not understanding what that item actually represents, but I'm afraid that some of our categories may be double reporting some of the same expenses.

screenshot

Create 'historical timeline stack' HTML/visualizations

This is the 'Control Panel' section of the site. It should be a stack of collapsable timelines, each with a different historical aspect. Each timeline should be the same length (1984-2015). The implementation should include an interaction that allows for brushing (or sliding sliders) along any timeline, and having the chosen range apply to ALL of the timelines.

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.