According to this article poverty is both a cause and consequence of poor health.
Following charts shows mortality rate amongst men and women in USA. Men carries higher risk in majority of the states in USA. These charts corraborate the fact women in general carry less risk of heart disease as compared to men. The variance in women's chart implies that there are potentially other factors influencing the mortality rate among women. Please note that both charts are drawn to same scale along the Y-axis.
Is there a relationship between the poverty and heart disease mortality rate? Do non-economic factors such as race, ethnicity, location or weather contribute to higher mortality rate?
The project follows the Martini Glass narrative visualization structure. This page represents the "jumping off point" of the visualization structure. The user has experienced author driven contents and is now ready for the reader driven content. Prev button at bottom left allows users to navigate back to previous scene. The next button at bottom right takes uers to the final scence containing reader driven content. Final scene will allow users to interact with data and draw their own conclusions.
The buttons in the navigation bar at top and the Prev, Next button at the bottom of this page enable the User Interface events. User interacts by clicking on the button or menu items to navigate to various part of this story. Mouse hover events in the bar charts show additonal data details.
Both charts are annotated via tooltips. These tooltips are visible when user hovers mouse on the charts. The legend and labels along the X and Y axis provides additional annotations for the chart.
The mouse click and mouse hovers results in a trigger event. The mouse hover acts a trigger event for tooltips in both charts. The mouse hover event triggers a opacity change in the closest bar to the mouse position. As mouse moves from one bar to another, changes in X and Y position causes opacity to revert back to its original state in the previous bar and change in the new bar. Position of mouse along x and y axis is used to evaluate user position on the bar charts. The position is used to properly position the tooltip and change opacity.
This section is hyper linked with the previous and next section. The name of the target section is passed as an input paramter to the buttons and navgiation bar items. The data is passed as a JSON object to Vega API function for rendering axis,bars and tooltips for both charts.
Both charts use the Vega library. Vega is a declarative language and entire chart including data is defined as a JSON object. The data for each chart is passed as a JSON object to a Vega Javascript function for rendering axis,bars and tooltips for the chart. The JSON objects are stored seperately in the malechart2.json and femalechart2.json files under data folder.