Skip to main content
SimilarExport ZIP
100%

Fork of activity7jaswanth

✓ Published1🌍 Public
JJaswanthkota@my.unt.edu
Last edited Nov 4, 2024
Created on Nov 4, 2024

This example shows a D3 pie chart that visualizes a CSV dataset, coloring each slice by genre category and displaying a legend. It loads data from a GitHub raw CSV file, converts string values to numbers, and uses `d3.pie` with `d3.arc` to generate SVG path slices. The chart applies a `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and adds a legend with `rect` and `text` elements, all rendered in an SVG container via D3 v6.

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…

Fork of Activity 7

This example visualizes delivery data as a pie chart, showing categorical proportions with labeled slices and a matching legend. Built with D3.js, it uses the pie and arc generators to compute slice geometry, scaleOrdinal with schemeCategory10 for colors, and SVG for rendering. The chart fetches its dataset from a GitHub-hosted CSV file and is implemented as a reusable piePlot component configured via chained methods for width, height, data, and field names.

Ggolisanthoshi2000@gmail.com
87% match
Loading thumbnail…

Fork of Activity7_Task1

This D3.js (v6) SVG pie chart visualizes species distribution from a CSV file fetched from a GitHub repository. The pie chart displays each species as a colored slice with a text label at its centroid, using a custom ordinal color scale. A legend is also rendered, mapping species names to their corresponding colors. The chart is constructed using `d3.csv`, `d3.scaleOrdinal`, `d3.pie`, and `d3.arc`, with slices and legend elements appended via `d3.select` and the `.join` operator for data-driven rendering.

Ssaimanvith22@gmail.com
87% match
Loading thumbnail…

Fork of Activity 7.1D3.JS

This visualization shows a pie chart of vehicle types from a CSV dataset, with slice sizes representing the count of each vehicle type and a color-coded legend identifying the categories. It uses D3 v7’s `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `schemeTableau10` to generate and color the SVG paths, while `d3.rollup` aggregates the raw data. The chart includes axis labels and a title, with the underlying data fetched from a GitHub gist via `d3.csv`.

AAbhinay Peeta
85% match
Loading thumbnail…

Varun_activity_7.1

This example renders a pie chart from CSV data using D3 v6, visualizing the distribution of values above 8.5 across music genres. It loads data asynchronously via `d3.csv`, converts string values to numbers, and computes arc positions with `d3.pie()` and `d3.arc()`. An ordinal color scale maps genres to `d3.schemeCategory10`, and the SVG output includes a legend built with appended rectangles and text labels. The chart appears within an HTML div, with dimensions and margins set explicitly in the script.

VVarunKumarKambhampati@my.unt.edu
85% match
Loading thumbnail…

Activity_7

This pie chart visualizes fruit category proportions loaded from a GitHub Gist CSV file, with each slice labeled and colored using d3.scaleOrdinal with d3.schemeSet3. The D3 v7 code loads the data via d3.csv, converts values to numbers, and generates arcs with d3.pie and d3.arc. A custom legend, built as HTML divs, displays each category’s color and percentage. The SVG rendering includes white category labels positioned at slice centroids.

Aaschowdary.shashi@gmail.com
85% match
Loading thumbnail…

Fork of activity7, question1 piechart

This example shows a simple pie chart for a categorical dataset with five categories (A–E), each represented by a colored slice with a value label. The chart is rendered as SVG using D3.js v6, with a legend displayed to the right of the pie. The code uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to compute slice geometry, apply colors from `d3.schemeCategory10`, and position the legend elements. Axis labels for categories and values are added manually, though no actual axes are present. The data is hardcoded as a sample array.

Ssahithitoomu@gmail.com
85% match
Loading thumbnail…

Fork of Fork of Activity7_q1

This pie chart displays the distribution of horsepower values across different car makes, with each genre category represented as a colored slice proportional to its count. The visualization loads a CSV dataset via Papa Parse, then uses D3 v7’s `pie` and `arc` generators to compute slice paths and centroids, rendering labels at each slice’s center. Slices are filled with a categorical color scheme and separated by white stroke lines, while the SVG canvas is centered within a responsive container.

Nnandasaipalankius@gmail.com
84% match
Loading thumbnail…

Fork of Varun_activity_7.1_question1

This example presents a pie chart depicting the distribution of video game genres based on their ratings above 8.5. The chart loads its data from a remote CSV file using `d3.csv`. It employs `d3.pie` and `d3.arc` to compute and draw the slices, with `d3.scaleOrdinal` and `d3.schemeCategory10` assigning colors per genre. An accompanying legend uses SVG rectangles to map the colors, and a custom ES6 module, `myMessage.js`, is imported as a demonstration.

VVarunKumarKambhampati@my.unt.edu
84% match