Skip to main content
SimilarExport ZIP
100%

assignment d1

✓ Published0🌍 Public
Aakshayareddy224@gmail.com
Last edited Jul 8, 2024
Created on Jul 7, 2024
Forked from Hello VizHub

This example shows a pie chart displaying the distribution of four organizational units based on their counts. D3.js v6 creates the SVG visualization, using the `d3.pie` generator to compute arc angles and `d3.arc` to render the path shapes. A categorical color scale from `d3.schemeCategory10` fills each slice, with labels positioned via `arc.centroid`. A legend built from rectangles and text conveys the unit names. The remaining files are templates; only `index.html` is executed.

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 question1

This example displays a pie chart of three sample categories with proportional slices, a legend, and axis labels. It renders as SVG using D3 v7, loading the library from UNPKG. The code uses `d3.pie()` for data layout, `d3.arc()` for path generation, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and appends slices, legends, and labels via D3’s data join methods (`selectAll`, `enter`, `append`). The chart is built dynamically from static, hardcoded data.

BBhavana Sharma
84% match
Loading thumbnail…

Fork of Step 1 - A Basic Pie Chart

This example shows a basic pie chart created with D3 v4, rendering an SVG visualization of four labeled data categories with proportional slice sizes and distinct colors from the Category 20b scheme. The code loads D3 via UNPKG, uses `d3.select`, `d3.arc`, `d3.pie`, and `d3.scaleOrdinal` to generate the chart dynamically from a JavaScript array of label-count pairs. The repository also includes a separate Canvas-based pie chart implementation in `pie.js`, which draws segments and labels using context methods like `arc`, `fillText`, and `rect`, with data defined in a Module.

Mmrharis1
83% match
Loading thumbnail…

assign-2

This example shows a pie chart displaying fruit quantities from a CSV dataset, using the D3.js v7 library and SVG rendering. The visualization computes slice geometries with `d3.pie()` and draws them with `d3.arc()`, while color assignments come from `d3.scaleOrdinal` with `schemeCategory10`. A legend, also built in SVG, maps each fruit name to its corresponding color using small rectangles and text labels positioned relative to the chart’s center. The code loads data asynchronously via `d3.csv`, and the chart is centered within a 400×400 pixel viewport.

Vvaishnavi6gan@gmail.com
83% match
Loading thumbnail…

activity 7.1

A D3.js pie chart displays the proportional values of twenty product categories, with each slice labeled directly on the chart. A legend on the right side maps category names to their corresponding colors. The visualization uses `d3.pie()` to compute arc data, `d3.arc()` to generate path and label geometry, and `d3.scaleOrdinal(d3.schemeCategory10)` for categorical coloring. The SVG is rendered at 800x600 pixels, with the pie centered on the left half of the canvas.

Jjureddyakshaya0601@gmail.com
83% match
Loading thumbnail…

Assignment2 Question1

A pie chart visualizes sales distribution across five product categories, with each slice labeled and sized proportionally to its sales value. The chart uses D3.js v7 with SVG rendering, employing `d3.pie` to compute arc angles and `d3.arc` to generate the paths. A color ordinal scale assigns distinct hues to categories, while an accompanying legend lists each category with its exact sales figure. The data is loaded from a local array, matching the sample dataset, and the visualization centers the pie within a 600x500 SVG canvas.

Ppslharika@gmail.com
83% 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
83% match
Loading thumbnail…

assignment 2

This example displays a pie chart visualizing scores associated with named categories. The chart distributes numerical score values as angular arcs, with each slice color-coded using an ordinal color scheme and labeled directly on the visualization; a supplementary legend maps names to colors. Built with D3 v6, the code loads JSON data, applies the `d3.pie` layout, and renders paths and text for slices via SVG.

CChiranjeeviUppala@my.unt.edu
82% match
Loading thumbnail…

Assignment ICE 7

This example shows a pie chart of units purchased for each item, with the item names and their values listed in a legend. The chart uses D3 v5 to load CSV data from a GitHub gist and renders SVG paths with d3.pie, d3.arc, and scaleOrdinal. Value labels are placed on each slice using the arc generator's centroid method, and the legend is built manually with appended rectangles and text elements.

VVaishnavi6199
82% match