Skip to main content
SimilarExport ZIP
100%

Sheet2

✓ Published0🌍 Public
CCatherine-Yu
Last edited Feb 13, 2017
Created on Feb 13, 2017

A pie chart displays the distribution of incident counts across police districts, using a categorical color scale and labels positioned around each slice. The chart loads comma-separated data via `d3.xhr`, parses it with `d3.csv.parse`, and renders the visualization using `d3.layout.pie` and `d3.svg.arc`. Text annotations show the district name and magnitude for larger arcs, with the title drawn as an SVG text element. The code relies on D3 v3 and a fixed canvas size of 600 by 600 pixels.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Sheet2

This piece loads a CSV file asynchronously and displays its contents as a pie chart. The code retrieves the data using `d3.xhr` and parses it with `d3.csv.parse`, then assigns category names and numeric magnitudes to each slice. The chart is drawn with `d3.scale.category20` for colors, using a fixed canvas size and outer radius. The title is extracted from the first line of the CSV, and slice labels use a small Arial font.

CCatherine-Yu
83% match
Loading thumbnail…

pie chart-5320

This pie chart displays the distribution of insurance complaints by complaint type. It uses a D3.js SVG rendering to create a circular visualization with colored segments and labels. The code loads data from a CSV file hosted on a GitHub Gist, then uses `d3.rollup` to count complaints per type, `d3.pie` to generate the pie geometry, and `d3.arc` to draw the arcs. Each slice is filled with a color from `d3.schemeCategory10`, and text labels are positioned at the arc centroids.

Rrajkodavati7@gmail.com
79% match
Loading thumbnail…

Pie Chart

This pie chart displays categorical data loaded from a CSV file, with slices colored by category and labeled directly on the chart. It uses D3.js APIs such as `d3.pie()`, `d3.arc()`, and `d3.scaleOrdinal` with `d3.schemeCategory10` to generate and color the SVG paths. Text labels are positioned using `arc.centroid`, and a legend is built with appended rectangles and text elements. The SVG is centered via a transform, and the chart dimensions are fixed at 500 by 500 pixels.

Rrajeswariamruthabommaraju@my.unt.edu
79% match
Loading thumbnail…

piechart

This pie chart visualizes categorical data loaded from a CSV file, displaying each category as a colored slice with a label and a legend. The code uses D3 v6 API functions including `d3.pie` to compute arc data, `d3.arc` for path generation, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color mapping. It renders as an SVG with a centered group, positioning arc paths and text labels via the `arc.centroid` method, while the legend is built with appended rectangles and text elements.

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

PieChart-D3

A pie chart displays the distribution of fruit categories from a CSV file, with each slice labeled and a corresponding color legend. The chart is rendered as SVG using D3 v7, with the pie layout created via `d3.pie` and `d3.arc`, and colors assigned through `d3.scaleOrdinal` with `d3.schemeCategory10`. Data is loaded asynchronously with `d3.csv`, and slice labels are positioned using `arc.centroid`. The legend is built manually by appending colored rectangles and text elements.

Kkblikitha22@gmail.com
77% match
Loading thumbnail…

Pie Chart

This pie chart shows the distribution of person types from a CSV file, using a color-coded slice for each category with labels and a corresponding legend. The chart is built with D3.js v7, using `d3.pie` to compute the arc segments, `d3.arc` for the path geometry, and `d3.scaleOrdinal` with `d3.schemeCategory10` for the color palette. Data is loaded via `d3.csv` from a GitHub-hosted source, and mouseover events log the person type to the console.

MMonish Galla
77% match
Loading thumbnail…

Piechart_Assignment2

This example shows the distribution of wind speeds across cities using a pie chart, categorizing values into three ranges: 0-10, 10-15, and above 15. The visualization loads a CSV dataset from a GitHub repository using `fetch` and `d3.csvParse`, then aggregates the data. It renders an SVG pie chart with `d3.pie()` and `d3.arc()`, applying custom colors via `d3.scaleOrdinal`. Labels are placed at arc centroids using `path.centroid`, and an HTML legend is built dynamically beneath the chart.

Rrishithagovini99@gmail.com
77% match
Loading thumbnail…

assignment d1

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.

Aakshayareddy224@gmail.com
76% match