search

codeforokc / openbudgetokc

Visualizations of OKC's budget data, and explanations about the budget process.
https://openbudgetokc.com
12 stars 42 forks source link

Visualization Idea: Show cost of services per citizen #41

Open mkchandler opened 8 years ago

mkchandler commented 8 years ago

From @mkchandler on February 24, 2015 1:38

Example using the federal budget: http://www.nytimes.com/interactive/2014/01/19/us/budget-proposal.html

Copied from original issue: codeforokc/okc-budget-data#5

brentlightsey commented 7 years ago

@mkchandler I'll experiment with this. Might be able to reuse NYTimes code.

mkchandler commented 7 years ago

@brentlightsey 👍

brentlightsey commented 7 years ago

Working on a CodePen on this to get the output right: http://codepen.io/brentlightsey/pen/PWZNxY

brentlightsey commented 7 years ago

@mkchandler Matt (and others), please check out this CodePen. https://codepen.io/brentlightsey/pen/PWZNxY

So far just copied the styles from the NYT article. What elements would we want to include and exclude? Would definitely love input on how we want to style each part.

Meanwhile, I'll work on the math to calculate the right relative font sizes for the numbers.

mkchandler commented 7 years ago

@brentlightsey We will take a look at this during our hack night tonight! Thanks! Have you joined our Slack already (http://slack.codeforokc.org)?

brentlightsey commented 7 years ago

@mkchandler Yes sir! I've just been reading so far, but will get in there soon. Have a commitment on Wednesdays that sometimes prevents my virtual participation. But still going to move forward on getting this into a D3 visual.

brentlightsey commented 7 years ago

This pen has been updated with the basic markup and javascript that I think will work OK. Let me know what you think:

http://codepen.io/brentlightsey/full/PWZNxY/

jagthedrummer commented 7 years ago

@brentlightsey That is looking great! Is that actually our data?

brentlightsey commented 7 years ago

Hey @jagthedrummer actually, this pen has the actual 2017 data in it. I'll ask for a little feedback via Slack:

http://codepen.io/brentlightsey/full/bqrpWW/