Skip to content

Commit 94ddf18

Browse files
authored
Update README.md
1 parent ea38698 commit 94ddf18

File tree

1 file changed

+7
-5
lines changed

1 file changed

+7
-5
lines changed

README.md

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -9,20 +9,22 @@ cereal.csv was taken from [here](https://gist.github.com/SinnerShanky/925f08febd
99
## Description of Visualization
1010
Absent user interaction, a scatterplot will be shown with Calories on the X-axis and a nutrient of your chouce on the Y-Axiz. Dots will represent each cereal and its respective nutrient content. Buttons will be displayed to change the nutrient of the Y-axis (from protein to carb as an example).
1111

12+
We also included a histogram that shows the distribution of different nutrients among the cereal, a sunburst chart that compares the ratio of different nutrients in different cereals within certain rating groups, and pie charts describing the composition of those cereals.
13+
1214
#### Interaction
13-
To interact with the visualization, the user can press different buttons to view cereal data based on varied nutrients. In addition, the user can hover over the dots in the scatterplot and a pop-up will display the cereal name and its x,y values.
15+
To interact with the visualization, the user can press different buttons to view cereal data based on varied nutrients. In addition, the user can hover over the dots in the scatterplot and a pop-up will display the cereal name and its x,y values. The user can also zoom into different sections of the sunburst chart.
1416

1517
#### Question(s)
1618
The visualization will provoke the question of whether one is maximizing his nutrient intake from cereal.
1719

1820
### Explanation of D3 Feature Utilization
19-
We will use D3 to enter selections to retrieve data like each cereal's calories and the select nutrients from the cereal.csv file to our scatterplot.
20-
When the user wants to see a different nutrient, say changing from protein(yay) to carbs(yuck), they can press a button corresponding to the nutrient.
21-
We will then use exit selection to remove the previous nutritional data and use enter selection to enter the new select nutrients, thus updating our scatterplot.
21+
We will use D3 to enter selections to retrieve data like each cereal's calories and the select nutrients from the cereal.csv file to our graphs.
22+
When the user wants to see a different nutrient, say changing from protein(yay) to carbs(yuck), they can press a button corresponding to the nutrient.
23+
We will then use exit selection to remove the previous nutritional data and use enter selection to enter the new select nutrients, thus updating our graphs.
2224
The dots representing each cereal will shift their location after pressing a new nutrient button, creating our transitions.
2325

2426
The user interacts with the plot by hovering over each dot, which will display a pop-up detailing information about the cereal brand.
25-
Our project is the most similar to the scatterplots in the gallery, like the scatterplot matrix. We put one set of information on one axis and another set on the other axis. We plot individual points on the graph to represent sets of data points. Unlike the scatterplot matrix however, we are working with simpler information and only using two dimensional graphs.
27+
Our project is the most similar to the scatterplots in the gallery, like the scatterplot matrix. We put one set of information on one axis and another set on the other axis. We plot individual points on the graph to represent sets of data points. Unlike the scatterplot matrix however, we are working with simpler information and only using two dimensional graphs. We also included versions of sunburst charts, histograms, and pie charts.
2628

2729
## Sketch of Envisioned Visualization
2830
![Diagram](https://i.imgur.com/e0Zbpcw.png)

0 commit comments

Comments
 (0)