nathanielburbank / melodictransport Goto Github PK
View Code? Open in Web Editor NEWThe American Consumer: a visualization of 30 years of US consumer spending.
Home Page: http://melodictransport.uppadada.com/cs171/project/
The American Consumer: a visualization of 30 years of US consumer spending.
Home Page: http://melodictransport.uppadada.com/cs171/project/
Including:
-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.
Education of reference person has good data from 1996-2013
Highest education level of any member has very little data - so should be removed.
When the timeline is used a bunch of d3 tip elements are created in the body of the document but never removed. Suspect some kind of .remove
handler is missing.
Have to be able to set the ranges programatically for the stories
Would be cool to keep them in there, but it's a little strange, I guess.
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.
Find a good layout, add some polish to the design
yteah
-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.
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.
-Dropdown to choose type of historical events
-Overlay to include lines
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.
From a UI perspective, it is confusing that No selection = All selection. It would be nice if when we click the time, it selects the corresponding year? Not 100% on that one.
E.g when i click on a president, it selects the from / to years with the brush.
In quintiles:
Right now they're a little sensitive.
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.
This might not be much more than a port of the Lab 8. At least in terms of the basic chart.
Until another one is selected.
These are visual extensions of the visible (expanded, not collapsed) historical timeline events into the field of the stacked area chart.
Yep.
Char labels have reduant information (i.e. "Reference person..."). We should consider cleaning them up.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.