Skip to main content
SimilarExport ZIP
100%

Assisgment 2 - Question 2

✓ Published0🌍 Public
Vvaishnavi6gan@gmail.com
Last edited Apr 12, 2024
Created on Apr 12, 2024

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment_2_Q1.2

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.

Ggreeshmareddy135@gmail.com
82% 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…

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
79% match
Loading thumbnail…

Assignment2 question 2

This example displays a filled area chart that visualizes sales trends over months, using data fetched from a GitHub Gist CSV file. The chart is rendered as an SVG using D3 v7, employing `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the numeric y-axis, and `d3.area` to generate the shaded region. Axis labels for "Sales" and "Month" are added via `d3.axisLeft` and `d3.axisBottom`.

BBhavana Sharma
79% match
Loading thumbnail…

Question 2 area chart

This area chart displays quarterly sales data for a single series, with the area filled in translucent steelblue and axes labeled by quarter and sales amount. The visualization is built using D3 v6's `d3.area` and `scaleBand` APIs, rendering an SVG that loads CSV data from a GitHub Gist. The chart includes x- and y-axis labels for quarter and total sales.

Aajaykumarseelam@my.unt.edu
78% match
Loading thumbnail…

Area_Chart_Question-2

This area chart visualizes monthly retail sales data loaded from a GitHub-hosted CSV file using D3 v6. It renders an SVG graphic with a time-scaled x-axis formatted to month names and a linear y-axis for sales values. The chart uses `d3.area()` to create a semi-transparent steel-blue filled region beneath the sales curve, with rotated x-axis tick labels for readability. Axis labels and margins are configured through D3’s `scaleTime`, `scaleLinear`, and `axisBottom`/`axisLeft` APIs.

Kkanakalakshmi.murikipudi20@gmail.com
78% match
Loading thumbnail…

Question 1

This visualization displays the distribution of chocolate sales by product as a donut-style pie chart rendered with SVG via D3.js v7. The chart shows sales percentages as labels on each slice, with a legend on the right indicating each product’s share. The code loads a CSV dataset from a GitHub gist, parses the monetary amounts, and groups the data by product using `d3.rollups` and `d3.sum`. It uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the `d3.schemeCategory10` color palette.

Bbhavanasruthikakarlapudi@gmail.com
78% match
Loading thumbnail…

ICE - 7 Area Chart for Choclate Sales

This area chart visualizes chocolate sales over time, using a smooth, basis-curved line to show the trend and a filled area beneath it to emphasize magnitude. Data is loaded from a CSV file, with the year parsed as a date and sales as a numeric value. The visualization is built with D3 v5, using `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.area` and `d3.line` with `d3.curveBasis` for the chart marks, and SVG for rendering.

RRahulChaitu999
78% match