The main goal of this app is to allow exploration of the dataset and analyze patterns of change in arts over the years. This data comes from a survey of the National Endowment for the Arts (NEA) and is made publicly available for a data visualization challenge. The goal of this challenge is to receive visualizations that supply answers to questions such as: What role do the arts play in communities across the country? How has arts participation changed over time? What are some of the possible explanations for shifts in participation patterns?
We have created an app that allows for interactive visualizations that facilitate the user to find answers to such questions. By using the d3js library we have made an interactive map of the United States that allows the user to explore the arts participation of the different states over time. From this interactive map interesting changes may be identified and selected. These interesting states may then be selected to be explored further with more detailed visualizations that show the different communities and groups within the population of the selected state.
- Clone the repo and run index.html. From a webserver, otherwise the data cannot be loaded caused by XSS browser security.
- Select one or more filters to the right
- The colors in the maps show the combined values in % [white (min) > blue (max)]
- A quick comparison between states and years can be done by viewing the color difference between them
- Hover the states to show the computed value in %
- The same state in the other maps light up and show the difference in value
- The color of the tooltip change for the difference in value [red (min) > grey (zero) > green (max)]
- Click to select multiple states
- The lower left corner shows the selected states
- Click on this list to open up a selection form where you can select chart types and other variables for detailed comparison
For this app we used data from the US Government for a Visualisation Challenge. We used Bootstrap for basic styling and jQuery for basic dom manipulation. D3js is used for visualisation in svg object in javascript.
The following examples were used as inspiration. Parallel Sets, Pie, Bar, US Map