dcactionforchildren / dcaction Goto Github PK
View Code? Open in Web Editor NEWFree and open-source mapping tools and data workflow for visualizing neighborhood data
Home Page: http://datatools.dcactionforchildren.org/
License: MIT License
Free and open-source mapping tools and data workflow for visualizing neighborhood data
Home Page: http://datatools.dcactionforchildren.org/
License: MIT License
Give some option to clear selected school data entirely.
Make sure when a value is blank, the map shows the neighborhood in gray, not as the lowest value of green. Also, in non-% variables, make sure the value displays as 0, not 0%.
The intended function of the visualization-wide query tool is detailed in the bubble storyboard:
We need to make sure that we're exposing the right variables in the D3 graphic that will allow inputs on this query widget to highlight the corresponding points.
Ideally, matched points would be highlighted as the user narrows their query. Unmatched points would still appear on the map, although they would be grayed out or translucent.
I think it's rounding this value when it should not be. I'll have to take a look at it.
For the health data sets (those coming from medicaid) where neighborhood estimates are less than 30, those need to display as blank - this was a data request from the agency supplying the information.
The Census API only allows us to download 50 variables at a time. The script needs to be updated to break the download into chunks to get around this limit.
Get rid of text on map layer.
Instead of dropdown menus, we'd like the navigation UI to function in a way that allows users to select multiple visualization layers to mix and match data. The visualization would allow users to plot a choropleth layer and a point-based layer (either schools or child care centers). Right now the nav is simple links but ideally this navigation would function in a way similar to radio buttons.
Right now, selecting neighborhoods will display data from our CSV but it is not adding commas to figures in the thousands or correcting percentages to display as percentages and not decimals. For these relevant data points, we'd like to transform the display of these numerals.
Right now, we only have basic information for school points popping up in the sidebar. It's possible to display multiple information from schools, but this information has not been styled and all requested data does not display.
We'd like for the sidebar to populate with data from the neighborhood shapes and school/child care center points. The data reflected should appear similar to the school and neighborhood storyboards.
The formula is a number added to a ratio: a + (b + c)/(x + y).
I want to confirm this is correct.
I added a new UI element to receive school data instead of the details box. It would be great if this box remained hidden until a user selects one of the schools on the schools layer. I referenced this issue in #32.
Observatory circle, walter reed and rock creek park neighborhood clusters have fewer than 25 residents each - these should appear as blank outlines on the map to avoid confusion. Bolling AFB is a margin call, bit has a few hundred residents, so it can stay.
We would like to add a layer (similar to the public school layer, it would need to behave as is described in issue #39)
I will provide a CSV file for this in the data folder, it will be named charter.csv and will be structured the same way as the public school point layer.
Clicking on a school always adds a new info box to the page.
Not sure if the best behavior is to only ever have one displayed, or only ever have one for a single school displayed? Maybe limit it to X amount at a time?
Child poverty numbers being pulled from the census look way off - need to retrace steps.
Right now data and neighborhood names will only appear on click. We need the neighborhood names and data to appear on hover as well. The difference between hover and click should be that, when clicked, the hover interaction will cease and the graphic will zoom to the selected neighborhood. Clicking again will zoom out and resume the hover interaction.
Right now we have our polygons floating on white with not roads or landmarks to provide guidance for users of what they are clicking on. Adding a tile layer backdrop for our translucent polygons to float over will provide more context for each neighborhood.
Peter suggests doing something like this:
http://bost.ocks.org/mike/leaflet/
This would give nice mapping in the background, which could be nice.
We could use Open Street Map as a backdrop.
Right now, when a layer is selected and the user begins to explore the neighborhood information, it's not possible to see the sidebar information that displays data values.
On rollover or click, it would be nice if the menu of layers would slide back left to leave an unobstructed view of the whole graphic.
We'd like the logic of the point layers to work a bit differently than the choropleth layers. Whereas choropleth layers cannot be placed on the map together (only one at a time), we'd like the public and charter school points to appear on the map together, if the user chooses.
Right now we have a function applied to the public schools that allows each circle to clear it's immediate area and "push" schools out of the way so it is easy to distinguish between points in an area where schools are clustered.
Obviously, adding charter schools to the map will greatly clutter it, so we'd like the same function applied when this layer is added. Ideally, both of these layers will push eachother out of the way so you don't have any public school or charter school points on top of one another.
We adapted the packMetros method from one of the D3 examples listed on Mike Bostock's site: http://trends.truliablog.com/vis/metro-movers/
The formula currently given is a ratio minus a value: (x + y + z)/w - (a + b)
I just want to confirm that this is correct.
We need to add descriptions of our sourcing for each layer when a user clicks each layer. Each layer's sourcing is described in our variable validation spreadsheet:
https://www.dropbox.com/s/z32f54jsbuqlfxq/Indicator%20Tracking%20Updated%202014-01-08.xlsx
Where possible we’d like to link back to these sources (to the Census, for example).
Show population (black, hisp, white, other). Check with Nick, but I think we also need to visualize the breakdown for population under 18.
@ajschumacher Had a great suggestion on how we visualize this, I suggest we proceed with his idea. Here is his blog post on the subject:
http://planspace.org/2013/10/06/redesigning-a-double-pie-chart/
Right now, it runs longer than the browser height. Ideally, the flyout would have an overflow-y scroll and have a height sized to the browser.
Also open to using a dropdown if interested, but this seems more UX friendly across devices, IMO.
For the schools, the points we’d want to display on click are grades served as of 12-13, total enrollment, DC CAS reading and math proficiency rates, and graduation rates if applicable.
Currently, if you click outside of the DC boundaries in a zoomed-in view, it zooms back out. It would make more sense to have a button or "zoom out to DC" icon that is a more explicit indication of how to view all of DC.
Map resizes on browser resize.
While the 1.0 e-Databook populated the sidebar with information for neighborhoods as the user rolled over, we'd like the sidebar information for point based data to allow multiple schools/child care centers to be compared.
When the user rolls over the points, it will populate the sidebar with information about that school or child care center. However, if they click, they will collect info cards from multiple points, however many they click, so they may compare multiple schools.
This interaction is partly working on the D3 skeleton now, although not all data points are being called into the infocards and the design is not especially elegant.
Right now there are two JS files with code we've worked on. One for the point interactions Aaron was working on and another with work me and Emily did on Oct. 27. Shouldn't be too hard to bring these together, but in case I stepped on any toes I kept them separate. Just need someone to bring them together once things are working right.
When we add the charter school layer (issue #40), we'd like to color the charter schools differently than public schools. Perhaps red?
The choropleth maps should reflect the existing 1.0 data visualizations in the 2012 e-Databook (http://www.dcactionforchildren.org/kids-count/dc-kids-count-data-tools)
Similar to the #graph interface issue, pulling this off centers around finding a competent way to convert the lat/long geographic plotting transformation into a collection of bubbles sorted by relative size. We'd like a visualization similar to other popular D3 graphics, such as the NYTimes 2013 Obama budget graphic (http://www.nytimes.com/interactive/2012/02/13/us/politics/2013-budget-proposal-graphic.html). See the attached image from the storyboard for an idea of what we'd like this to look like:
We are pulling tract level data from the Census API and crosswalking it from tracts to clusters. The data pulling script or crosswalking program could be wrong.
To verify the data is correct, we should add all of the clusters back together and compare the results from a not crosswalked dataset.
I can perform this verification, I just need the clusters summed up and put into a dataset.
Right now, the public school points are placed on the map as a layer and cannot be cleared. I would like them not to appear by default and only appear if you select the layer beneath the school data layers section in the menu.
In the dcaction_datacolumns spreadsheet, the "children in poverty" variable includes the variable "B17001_00+E" which I believe should be "B17001_008E".
We need to forward the breakpoints expressed in the visualization.js file to this legend box. Ideally, where breakpoints are percentages, we need to have the legend box expressing them as such. Below is an example of how the code lists these breakpoints:
'math' : {
'domain' : [0.14, 0.355, 0.54, 0.75],
'range' : ["#e5ffc7", "#d9fcb9", "#bbef8e", "#9ad363", "#6eb43f"]
},
The legend in this instance would read like:
0-14%
14%-35.5%
35.5%-54%
54%-75%
75% and up
Right now, the active state of the hover shows a black border, but it gets cut off if the path is below other paths. Ideally bring that path up to the top with z-index or d3 equivalent.
Clicking on a neighborhood will zoom to the neighborhood but it's been pointed out that this is not intuitive.
dc.html provides for basic layer switching for DC choropleth maps, but the code needs to be simplified. There needs to be an array that defines each layer and threshold. The map needs to toggle between these maps based on a key term to identify each layer.
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.