Skip to main content
SimilarExport ZIP
100%

Assignment_2.1_Student_Alcohol_Consumption

✓ Published0🌍 Public
VVishnu Mallampalli
Last edited Jul 12, 2024
Created on Jul 11, 2024
Forked from Hello VizHub

A pie chart displays the distribution of student alcohol consumption by age, with each slice representing the count of entries for a specific age group. Built using D3 v7, the visualization loads data from a CSV file, aggregates counts with `d3.rollup`, and generates arcs with the `d3.pie` and `d3.arc` helpers. A legend with color-coded rectangles maps the ordinal color scale to age values, while labels placed at arc centroids identify each slice. The chart is rendered as an SVG element.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 2

This pie chart displays beverage consumption quantities, with each slice labeled by the beverage type. Built with D3.js v7, it loads data from a remote CSV file using `d3.csv`. The visualization uses the `d3.pie()` layout generator and `d3.arc()` for the arc paths, rendered as SVG elements. Each slice is colored using `d3.scaleOrdinal` with the `d3.schemeCategory10` palette, and slice labels are positioned via the arc’s centroid calculation.

Ddineshreddy.ravula@gmail.com
85% match
Loading thumbnail…

Assignment 2

This pie chart shows the proportional consumption of different beverages. Each slice is labeled with the beverage name, and the chart is rendered using SVG within a D3.js framework. The visualization fetches data from a remote GitHub gist, parses it using `d3.csvParse`, and computes the pie geometry with `d3.pie` and `d3.arc` APIs. Slice colors come from the `d3.scaleOrdinal` color scale based on the beverage category.

Ddineshreddy.ravula@gmail.com
83% match
Loading thumbnail…

Assignment2_Question1

This pie chart visualizes the age distribution of a population, with each slice labeled by age group and its percentage shown in a text tooltip on mouseover. The chart is built with D3.js v3, using `d3.layout.pie` for the pie layout and `d3.svg.arc` for the arc paths and hover geometry. The visualization reads data from a CSV file containing age categories and population counts, and the slices expand slightly on hover to highlight the selected segment.

Ssatvikchittela2022@gmail.com
82% match
Loading thumbnail…

Assignment 2

This pie chart displays student details from a CSV file fetched via D3’s `csv` method, with slices colored by gender and labeled by occupation. It uses `d3.pie` and `d3.arc` to generate SVG paths, `scaleOrdinal` for color mapping, and includes a legend showing student names. The visualization is rendered in an SVG element with D3 v5, though the code references `d3.arc` in the bundle.

Yyellahemalatha@gmail.com
81% match
Loading thumbnail…

Assignment 7 part 2

This pie chart displays the distribution of students across two groups, with each slice sized by student count and labeled with numeric totals. The visualization uses D3.js v7 to load student_scores.csv, process the data with d3.rollups and d3.pie, and render SVG paths via the d3.arc generator. A categorical color scale distinguishes the groups, while a legend identifies slice colors, and labels are positioned using arc.centroid. The result provides an immediate comparison of group sizes from the dataset.

AAriful Hasan
80% match
Loading thumbnail…

Activity_7.1

This example shows a pie chart of survey responses by age group. The chart is built with d3.pie() and drawn with d3.arc(), colored using d3.scaleOrdinal() with the d3.schemeCategory10 palette. Each slice is labeled with its age group, and a legend on the upper left matches colors to categories. Data is loaded asynchronously from a remote JSON file using d3.json(). The visualization is rendered as SVG within a fixed 500 by 400 pixel viewport, with all graphical elements customized through D3’s selection and attribute methods.

Ddabbararakshitha@gmail.com
79% match
Loading thumbnail…

Activity7.1_Question1

This pie chart visualizes population distribution across age groups, with each slice labeled and colored by age range alongside a legend for quick reference. The chart is built using D3 v7, employing the `d3.pie()` and `d3.arc()` generators to compute slice angles and paths. Data is loaded asynchronously from a remote CSV file via `d3.csv`, with values parsed as numbers for aggregation. The SVG rendering includes simulated axis labels for "Age Range" and "Total Count," and colors are assigned using `d3.scaleOrdinal` with the `schemeCategory10` palette.

Ssagipavan2385@gmail.com
79% match
Loading thumbnail…

Assignment2-1

This example displays a pie chart of soft drink sales, rendered as an SVG using D3.js. It loads CSV data from a GitHub gist and applies a pie layout to compute arc angles. The chart uses `scaleOrdinal` and `schemeCategory10` for color encoding, with each drink labeled outside the slice using an extended arc’s `centroid` method. A legend is positioned to the left, and all elements are generated through D3’s data joins and arc generators.

Hhkodiripaka15@gmail.com
79% match