You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+7-5Lines changed: 7 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,20 +9,22 @@ cereal.csv was taken from [here](https://gist.github.com/SinnerShanky/925f08febd
9
9
## Description of Visualization
10
10
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).
11
11
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
+
12
14
#### 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.
14
16
15
17
#### Question(s)
16
18
The visualization will provoke the question of whether one is maximizing his nutrient intake from cereal.
17
19
18
20
### 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.
22
24
The dots representing each cereal will shift their location after pressing a new nutrient button, creating our transitions.
23
25
24
26
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.
0 commit comments