Skip to main content
SimilarExport ZIP
100%

Activity_6 Q_3

✓ Published0🌍 Public
Bbhavya.kanyadara@gmail.com
Last edited Apr 4, 2025
Created on Apr 4, 2025
Forked from Hello VizHub

This visualization displays the relationship between chocolate products and their geographic markets using a categorical scatter plot. Each blue circle marks a combination of a product category and a geography, with the chart using rotated axis labels to accommodate the many product names. The visualization is built with D3 v6, loading CSV data from a GitHub repository and rendering to SVG. It defines ordinal scales for both axes using `d3.scaleBand()`, then positions circles at the intersection of each product-geography pair.

AI-generated description
MIT Licensed

Similar vizzes

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

Activity6-Question3

This scatter plot visualizes product dimensions from a CSV dataset, showing product length on the x-axis and product width on the y-axis. The points are colored by category, with smart devices in red, home furnishings in blue, and kitchen appliances in dark green. The visualization loads data via `d3.csv`, scales the axes with `d3.scaleLinear`, and renders circles and axes using D3 v7’s selection and join methods. The code uses `d3.extent` to set domains and `d3.axisLeft` and `d3.axisBottom` to draw the axes, with labels for each axis.

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

Activtiy6-Question3

This scatter plot visualizes product dimensions from a Superstore dataset, displaying product length on the x-axis and product width on the y-axis. Each circle represents a product, with colors distinguishing categories: skyblue for electronics, lightgreen for furniture, orange for kitchen, and gray for others. The visualization uses D3.js v7 with SVG rendering, employing `d3.csv` to load data, `scaleLinear` for axis scaling, and `axisLeft`/`axisBottom` to generate axes. Data is fetched from a raw GitHub CSV URL, with circles positioned using the `cx` and `cy` attributes and styled via a color mapping function.

Ssowmyaammula.sdv@gmail.com
78% match
Loading thumbnail…

Activity 4 Task4 Qus

This bubble chart visualizes chocolate sales performance, plotting sales amount against boxes shipped for individual transactions. Each bubble’s size corresponds to the sales amount, while its color encodes the product type, with a legend identifying each category. Hovering over a bubble reveals a tooltip with product, sales, boxes, and country details. Built with D3 v7, the visualization uses SVG circles, linear and square-root scales for positioning and sizing, and ordinal color scaling, all rendered within an SVG container.

SSuneelKalva@my.unt.edu
78% 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
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
77% match
Loading thumbnail…

Activity7_Question1_PieChart

This pie chart visualizes chocolate sales by product for March, sourced from a CSV file hosted on GitHub. It uses D3.js to load and filter the data, calculating total sales per product with `d3.rollup` and `d3.sum`. The chart is drawn with `d3.pie()` and `d3.arc()`, while an ordinal color scale maps product names to a blue interpolated palette. A custom legend displays each product alongside its percentage of total sales, rendered as an SVG with a flexible HTML layout.

DDee
77% match
Loading thumbnail…

Activity 6 Q3

This scatter plot shows the relationship between sales amount and number of orders, with each point colored by product category (electronics, cosmetics, or clothing). The visualization loads CSV data from a GitHub gist, uses `d3.csv` to parse the dataset, and renders circles via SVG. It employs `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and a `d3.scaleOrdinal` to map categories to colors. A manually positioned legend explains the color coding at the bottom-right corner.

Kkrishi7079@gmail.com
77% match