Assignment_2_Q1.2

100%

Assignment_2_Q1.2

✓ Published0🌍 Public

Last edited Apr 12, 2024

Created on Apr 12, 2024

This area chart displays the aggregated chocolate ratings from a CSV file, showing the proportion of ratings that fall into the "More than 6" category for each chocolate type. The chart uses D3.js v7 to load the data via `d3.csv`, render an SVG path with `d3.area`, and add axes using `d3.axisBottom` and `d3.axisLeft`. The area is filled in steelblue, and categorical labels on the x-axis are rotated for readability.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment2_Q1.2

This area chart displays the proportional distribution of chocolate ratings across six chocolate types, showing the cumulative proportion of ratings from "Less than 3" through "More than 6" for each category. The visualization uses a fixed SVG canvas with D3.js v7, employing `d3.area()` to generate the area path, scaleBand for the categorical x-axis, and scaleLinear for the y-axis. The data is embedded directly in the code and rendered as a single filled path, with rotated axis labels and margin-based layout.

Ggreeshmareddy135@gmail.com

93% match

Loading thumbnail…

Activity6_Question2

This stacked bar chart displays the distribution of chocolate ratings across five brands, showing the proportion of ratings in five percentage-based categories from “below 5.0” to “above 8.5.” The code uses d3.stack() to generate the stacked series and d3.scaleOrdinal for color mapping, with d3.axisBottom and d3.axisLeft for axes. Interactive tooltips appear on mouseover, showing the exact percentage per rating category. The data comes from a local CSV file loaded with d3.csv, and the visualization is rendered as SVG with a linear x-scale for percentages and a band scale for categories.

Ggreeshmareddy135@gmail.com

83% match

Loading thumbnail…

Activity6-Question2

This stacked bar chart depicts the percentage distribution of chocolate ratings across five categories, from "below 5.0" to "above 8.5," for six chocolate brands. Each brand forms a horizontal bar with colored segments representing the proportion of ratings in each category, using a diverging color scheme. Built with D3 v7 and rendered as SVG, the visualization uses `d3.stack()` to generate the stacked data and `d3.scaleOrdinal` for colors, with interactivity via mouseover events that display exact percentages in a tooltip. The chart reads from the CSV file, with axes labeled "Percentage" and a manual legend positioned to the right.

Ggreeshmareddy135@gmail.com

83% match

Loading thumbnail…

Assisgment 2 - Question 2

This area chart displays chocolate sales data for a single categorical series, with value labels positioned above each point. The visualization uses D3 v7 to fetch a CSV from a GitHub gist, then constructs a band scale for the x-axis and a linear scale for the y-axis. The chart renders a filled area path using `d3.area`, with axes generated by `d3.axisBottom` and `d3.axisLeft`, and individual sales values added as SVG text elements.

Vvaishnavi6gan@gmail.com

82% match

Loading thumbnail…

Activity6_Task2 - Q2 (3)

This stacked bar chart shows chocolate sales (in units) across five regions for six chocolate types, with sales values accessible via interactive tooltips on mouseover. It uses D3.js v7 with SVG rendering, loading data from a CSV file. The chart employs `d3.stack` for stacking, `d3.scaleOrdinal` for color assignment, and `d3.axisBottom`/`d3.axisLeft` for axes. A manually drawn legend and CSS-styled tooltips enhance interactivity, while region colors follow `d3.schemeSet2`.

Nnavyabade05@gmail.com

80% match

Loading thumbnail…

Activity & Q2 Area chart for Chocolate Sales

This area chart visualizes chocolate sales by plotting boxes shipped over time using D3.js. The visualization loads CSV data from a GitHub gist, parses dates and numeric values, and renders a filled brown area to show the sales trend. It uses `d3.area` to generate the area path, with `scaleTime` and `scaleLinear` for the axes, and `axisBottom`/`axisLeft` for tick marks. The chart includes labeled x and y axes plus a descriptive title, with SVG rendering sized to the browser window.

Ddivya.matavalam828@gmail.com

80% match

Loading thumbnail…

Activity6-Question2

This stacked bar chart shows the percentage distribution of five rating levels (from "below 2.0" to "above 5.0") across ten chocolate brands, revealing how each brand’s ratings are spread. The chart uses a horizontal layout with a linear x-axis for percentages and a banded y-axis for genres, with each bar segment color-coded by rating level. Written in D3 v7, it relies on `d3.stack` to generate stacked data, `d3.scaleOrdinal` for colors, and `d3.axisBottom` and `d3.axisLeft` for axes. Interactive tooltips display exact percentages on mouseover, using D3’s selection and event handling. Data comes from a local CSV file.

Ppslharika@gmail.com

79% match

Loading thumbnail…

Area Chart Question 2

This example displays an area chart that visualizes the rating proportions of different genres across multiple categories. The chart loads CSV data from a GitHub gist and uses D3 v6 to render the visualization as an SVG. It employs `d3.csv`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.area` to construct the areas, with axis labels and a legend showing each genre. The chart uses `d3.schemeCategory10` for color-coding the areas.

Vvankayalapatimounika2000@gmail.com

79% match