Build Where Contributions Come From Tool

[JonellaCulmer]

What we're after:
This ticket involves the front-end development of the Where individual contributions come from. Below is a series of mock-ups of the different states our users will encounter while using this chart. Hopefully we can build the chart and add to the feature space in order to conduct usability testing.

Endpoints needed: https://drive.google.com/file/d/1t-wmP_LNNvC1yBeQm6HAq3176NYtEcFD/view

Related issues

List any relevant related issue(s)

• Mockup "where contributions come from" for raising: by the numbers page #2906 Mockup "where contributions come from" for raising: by the numbers page
• Research: Where contributions come from initial UI on raising by the numbers page #2904 Research: Where contributions come from initial UI on raising by the numbers page
• Test /schedule_a/by_state/by_candidate data openFEC#3777 Change /schedules/schedule_a/by_state/by_candidate/ to have election_full=true capability

Completion criteria

List action items that need to be done to complete this task. List in checklist formatting.

• Take a look at the code for the maps on the election profile page individual contributions map
• Find a way to import that map onto the raising-by-the-numbers where contributions come from section
• Build chart based on mock-ups, please note dividing header borders for greater distinction between the sections, update left nav, and if possible, the reintroduction of the reaction boxes
• Create pop-up on WCCF with methodology. See Build Where Contributions Come From Tool #2929 (comment)

Designs

Normal/success state

Normal search state

Error state for no data

Error state for missing candidate

Entire Raising: by the numbers page

[jason-upchurch]

@rfultz I submitted PR for review to support the "All states" portion of the chart: fecgov/openFEC#3835

[rfultz]

(down to getting the datatable to display and refresh its data)

[rfultz]

Spent way too much time fighting with datatables; gave up and built my own table. Roadblock removed

[rfultz]

Implementing error handling, states, messages, and styles

[rfultz]

Quick progress update: It works! (Still need to style, break the legend into five…)

[JonellaCulmer]

The Methodology needed for this work can be found here: #3123 (comment)