Skip to main content
SimilarExport ZIP
100%

Fork of AQ1

✓ Published0🌍 Public
Nnumitha
Last edited Apr 13, 2024
Created on Apr 13, 2024
Forked from AssQue1

This pie chart visualizes survival outcomes from a dataset, displaying the proportion of survivors versus non-survivors in a circular layout. The chart uses a D3.js v7 pipeline with `d3.csv` to fetch the data, `d3.pie` to compute arc segments, and `d3.arc` for path generation, with an ordinal color scale applied via `d3.scaleOrdinal` and `d3.schemeCategory10`. It renders as an SVG with a stroke outline, opacity styling, and a legend positioned to the right.

AI-generated description

A demonstration of Pie Chart.

ISC Licensed

Similar vizzes

Loading thumbnail…

Que1

This example shows a pie chart visualizing survival data from a CSV file, with each slice labeled by passenger ID and a corresponding legend. The chart is rendered as an SVG using D3 v7, employing `d3.pie` to compute arc angles and `d3.arc` to generate the path shapes. Slices are colored with `d3.scaleOrdinal` and `d3.schemeCategory10`, with labels positioned at each arc’s centroid. Data is loaded asynchronously via `d3.csv` from a remote GitHub gist.

Nnumitha
83% match
Loading thumbnail…

ASSQ1

This pie chart visualizes data loaded from a remote CSV file, showing proportional values for different categories. While the code never fully implements a pie chart, it sets up an SVG-based visualization using D3.js, importing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` from the D3 library. The example includes placeholder data and color schemes, with a scatter plot function that assembles circles and axes, though the actual pie chart rendering is incomplete. The text styling uses the 'Times New Roman' font, and the page layout is configured through the accompanying CSS file.

Nnumitha
80% match
Loading thumbnail…

Fork of Fork of ice-7 q2

This example displays a pie chart with labeled slices, where each slice’s color corresponds to a categorical label and its size reflects a numeric value. The visualization is rendered as static SVG using D3.js v6, with the chart centered in a 500×500 viewport and slice labels placed at each arc’s centroid. Data is loaded asynchronously from a remote JSON file via `d3.json`. The chart uses `d3.pie` to compute arc segments, `d3.arc` for path geometry, and `d3.scaleOrdinal` with `d3.schemeCategory10` to assign colors.

Bbhargavinalamothu@gmail.com
77% match
Loading thumbnail…

Fork of pie chart

A fork of a pie chart example visualizes COVID-19 case data from a CSV file, showing three categories (Infected, Recovered, Died) as colored slices with proportional labels and a legend. The D3 v5 code uses `d3.csv` to load the data, `d3.pie` to compute arc segments, and `d3.arc` with an inner radius of zero to generate the paths. Slice colors come from `d3.scaleOrdinal` with a manual range, and text labels are positioned using the arc’s centroid method. The SVG output is centered within a 980×550 canvas.

Ddandudivya98@gmail.com
77% match
Loading thumbnail…

Fork of Q1

This example presents a world population pie chart, visualizing the distribution of population across continents. It loads data from a CSV file using `d3.csv` and renders the chart as an SVG. The chart uses `d3.pie` and `d3.arc` to construct the slices, with a custom `d3.scaleOrdinal` color scale. A legend with colored squares and text labels is added to identify each continent. The code demonstrates importing the `d3` module from UNPKG and a local ES6 module.

LLakshmiPrasannaValdas@my.unt.edu
76% match
Loading thumbnail…

Fork of Fork of Pie chart

This example displays an interactive pie chart showing the distribution of survey participants across different age groups, with each slice labeled with its value and accompanied by a legend listing age groups and member counts. The visualization fetches CSV data from a remote GitHub gist using `d3.csv`, then renders SVG paths with `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for color mapping. Text labels are positioned using `arc.centroid`, and the legend is built manually with SVG rectangles and text elements. The chart is styled with custom CSS, including hover-free static rendering and a centered title.

Aajaysonu
76% match
Loading thumbnail…

Fork of Assignment 2 - Pie Chart

A static pie chart displaying the survival distribution of Titanic passengers, split into two categories: "Survived" and "Not Survived." The chart reads data from a remote CSV file, parsing each row to increment counts based on the survival flag. It is rendered as an SVG using D3 v7, with slices drawn via `d3.arc` and positioned by `d3.pie`. The visualization includes a title, color-coded slices, and a simple legend, all styled with inline SVG attributes and CSS rules.

Ssaitejakaranam10@gmail.com
76% match
Loading thumbnail…

Fork of Pie chart Test

This visualization displays a basic pie chart of browser usage shares, with segments colored by a sequential ordinal scale and labeled with their names. The chart is rendered as an SVG using D3 v6, with data hardcoded in the script rather than loaded from the included CSV file. The code uses `d3.pie()` to compute arc angles, `d3.arc()` to generate path data, and `d3.scaleOrdinal()` for color mapping, while labels are positioned using an inner arc's centroid. The SVG is centered via CSS, and the visualization is based on a tutorial by FrontendTips.

SSonuSriN
76% match