Skip to main content
SimilarExport ZIP
100%

Assignment_2

✓ Published0🌍 Public
Hharinathchakali@gmail.com
Last edited Jul 13, 2024
Created on Jul 13, 2024
Forked from Hello VizHub

This pie chart visualizes the distribution of holiday types from a CSV dataset, showing the proportion of each category such as Holiday, Event, and Transfer. The chart uses d3.pie and d3.arc to generate the slices, with d3.scaleOrdinal and d3.schemeCategory10 for coloring. Labels appear on each slice using arc.centroid for positioning, and a legend displays the categories with their corresponding colors. The code loads data via d3.csv and renders the visualization as SVG elements.

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_question_1

This example visualizes the distribution of holiday types from a CSV dataset using a pie chart. The chart displays six categories, including Holiday, Event, and Additional, with counts labeled directly on each slice. Built with D3.js v7, the code loads data from a remote GitHub URL, counts holiday occurrences by type, and renders the visualization as an SVG using `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.schemeCategory10`. A legend and title are included alongside the chart.

Cchandrashekharkandhooru@gmail.com
91% match
Loading thumbnail…

Assignment-2

This pie chart visualizes the distribution of fish species from a CSV dataset loaded via `d3.csv`. It uses `d3.nest()` to count occurrences per species, then `d3.pie()` and `d3.arc()` to generate the chart geometry, with `d3.scaleOrdinal` and `d3.schemeCategory10` for color encoding. The SVG rendering includes an interactive legend, and the code demonstrates a reusable pattern for pie charts with D3 v6.

Bbhavyasrireddy267@gmail.com
84% match
Loading thumbnail…

Assignment 2 Question 1

This example shows the distribution of fruit categories using a pie chart, with each slice sized according to the value in the "4-5" column from a remote CSV file. The visualization renders as an SVG using D3 v7, with colored slices, a bold title, and an interactive legend that displays category names. D3's `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs generate the chart and color scheme, while the legend uses `rect` and `text` elements to map colors to categories. The data is fetched via `d3.csv` from a GitHub gist, and labels for "Category" and "Percentage" are added as static text elements.

Nnikhilapogula@my.unt.edu
84% match
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
83% 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
83% match
Loading thumbnail…

Assignment2_Question1

This visualization is a pie chart that displays the distribution of car types, focusing on the top three most frequent categories from a CSV dataset. The chart shows each car type’s percentage share, with labeled slices and a legend. The data is fetched from a GitHub repository using `d3.csv` and processed to calculate counts and percentages. The pie layout is generated with `d3.pie` and `d3.arc`, while `d3.scaleOrdinal` with `d3.schemeCategory10` assigns colors, and SVG elements render the chart and legend.

HHarsha vardhan reddy Yarmareddy
83% match
Loading thumbnail…

Pie Chart

This pie chart visualizes the distribution of a single category from a CSV dataset, showing the proportion of values across multiple person types. Built with D3.js v7, it uses `d3.csv` to fetch the data, `d3.pie` and `d3.arc` to compute and draw the slices, and `d3.scaleOrdinal` for the color scheme. A legend, generated alongside the chart, maps each slice to its corresponding type using the same categorical colors. The visualization is rendered as an SVG with a fixed 400x400 pixel canvas.

MMonish Galla
83% match
Loading thumbnail…

Assignment 2 - Question-1

This pie chart displays animal species data, with each slice labeled by its value in thousands and accompanied by a color-coded legend. The visualization uses d3.pie and d3.arc to generate the chart, with d3.scaleOrdinal mapping species names to a fixed palette. Data is loaded asynchronously from a CSV file via d3.csv. Text labels inside slices use arc.centroid for positioning, while legend entries are manually placed with SVG elements.

Aarthireddykota@my.unt.edu
82% match