cfinst / cfinst.github.io Goto Github PK
View Code? Open in Web Editor NEWCampaign Finance Institute data exploration and download tool.
Home Page: https://cfinst.github.io
License: GNU General Public License v3.0
Campaign Finance Institute data exploration and download tool.
Home Page: https://cfinst.github.io
License: GNU General Public License v3.0
complete tables as CSV for now
maybe later filtered based on "what's visible now"
Transition from using a static database dump to a live database.
Note: This issue is directly from the Statement of Work, and may need to be broken up into smaller issues.
The numeric fields can be represented using colors that reflect which range they fall into.
For this, we'll need to:
scale.nice
and scale.ticks
to generate the ranges.Probably a relative paths issue - the favicon appears locally, but is not appearing at http://www.seemantk.com/cfi/grid/
Note: This issue is directly from the Statement of Work, and may need to be broken up into smaller issues.
Colors, fonts, layouts and finishing touches.
Note: This issue is directly from the Statement of Work, and may need to be broken up into smaller issues.
I would love to be able to send links to issues and pull requests to the CFI folks. In order for them to be able to access those links, they need to create GitHub accounts and be granted access to this repository.
This button seems to be broken now, in all sections except "Other Restrictions". Odd.. It almost seems like an issue with the code that is adding the event listener to the button.
(To address color perception for the different shades)
I'd be curious to experiment with adding a linked hover interaction. This would make it easier to correlate between the two views. I envision we could try the following:
One way to do the highlighting would be using an outline around the state and column. Something similar is implemented in this example http://curran.github.io/model/examples/d3LinkedChoropleth/
Using the data hierarchy expressed in the initial spec from CFI, we will construct a navigational interface to allow exploration of the dataset in digestible chunks.
Note: This issue is directly from the Statement of Work, and may need to be broken up into smaller issues.
In "Other Restrinctions", the colors for "Yes" and "Changed mid-cycle" seem to have gotten mixed up between the legend and the viz.
Undo commit c6ba380 "Swap textarea for Bootstrap well for .field-description"
This is to restore the thought-out behavior introduced by @seemantk and inadvertently clobbered by me.
The rationale is to have a fixed height box, so the interface is not jumping around when you switch fields. Also, the asterisk makes the "Additional notes" appear below the fold.
This seems like low hanging fruit that would be a big win.
The website will be deployed and released
Note: This issue is directly from the Statement of Work, and may need to be broken up into smaller issues.
Following up on the Jekyllization, since the field info is now in _data/sections in the appropriate controls.yml
file, the *-fields.csv files in /data are now obsolete, as data entry should be done via the github interface.
Let's ideate on how to make the info available to data downloaders.
During the call today, both Michael and Ronda observed that the lack of color contrast between the circular grid cells compromised the overall usability of the viz. Thus, #46 addresses changing the cells to rectangular, and this one is for the color pallette
Create a new page dedicated to providing various data download links. To start, this could link to all of the raw CSV files. There should also be some way to navigate from the limits visualization page into the data download page, maybe a link that says "more download options".
Add "Party" as a donor option in contribution limits section (using Brendan's instructions per email).
@seemantk I feel like you'd have a better idea of how to go about this, as it requires modification of the handling of fields for the contribution limits section.
Add an indication of which year is being displayed on the map. This could be a simple text element on the top, or in some other location, just saying the year.
I just noticed that after sorting by a year, resizing the page causes the states to sort alphabetically. This looks to be an unintended consequence of the way the resize propagates to rendering.
Add a statement to the project saying that:
the code is released under the GPL3 license, and
the data is released under Creative Commons Attribution 4.0 International license
Ronda confirmed with the designers that the major colors are:
Create a button that will download the currently visible data, for the current configuration of the visualization only, as CSV.
Tie breakers at infinity are the main issue.
Now there is a "Download Currently Shown Data" button that downloads CSV data for the currently selected field only. Here's a sample of the CSV output:
State,Year,IndividualToCandLimit_H_Max
"LA",1996,"5000"
"WV",1996,"2000"
"SD",1996,"500"
"NM",1996,""
"NV",1996,"2000"
"VT",1996,"2000"
"AK",1996,"2000"
"HI",1996,"2000"
"KS",1996,"1000"
"SC",1996,"3500"
"OK",1996,"5000"
"MN",1996,"600"
"AL",1996,""
"ID",1996,""
"PA",1996,""
"NE",1996,""
The information about unlimited vs. prohibited is missing.
This issue is about adding the missing information about prohibited and unlimited. The empty strings should be replaced by "No limit" or "Prohibited" (or something similar).
The viz can take advantage of more screen real estate as well
Document in the README the command that can be used to generate the CSV files from the original MDB files. This will facilitate the workflow for updating the data whenever we receive a new database dump.
Currently the "Current View" download button only works in Chrome, not firefox.
The "Download Entire Limits Data" button no longer works at all in Chrome. This may have something to do with the introduction of encodeURIComponent()
in #77 . Possibly the DataURL is too long?
When clicking on a year in the Y axis, the X axis (State) values should sort according to values for that year.
Remove "Prohibited" as a choice in drop-down for contributions from individuals, PACs, parties.
Retain for contributions from Corporations and Labor.
Currently the map comes up blank on initial load. Let's try having it show the most recent year by default on initial load.
Note: This issue is directly from the Statement of Work, and may need to be broken up into smaller issues.
Pending input from CFI.
Now that the legends are no longer data-driven (instead are driven purely from the configuration), we need to go through each field of each section and make sure the legend items present match up with the values that are present in the data.
As one instance, in Public Financing, there are values "Mixed" and "none", which are not accounted for in the legend. This may be part of the issue with the mismatched colors - new data values are causing the colors in the legend to loop around. One thing we could do to help fix this is pad the color range with random colors, just so we will easily know when this is happening.
Maybe the best solution here would be to use the configurations as a starting point for the legends, then fill in the legends with more colors automatically if more values are discovered in the data.
where they should say "Unlimited".
This issue is about implementing an interface idea we discussed recently, where there would be a user interface element below the map for selecting the year. This would obviate the need for the year label on top of the map.
Possible solutions we discussed included
Hey @seemantk , I just noticed that http://www.seemantk.com/downloads.html has temporary content there. Just wanted to make sure we keep track of this.
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.