Skip to main content
SimilarExport ZIP
100%

SDV Project Visualization

✓ Published0🌍 Public
RRishithaGarnepudi@my.unt.edu
Last edited Dec 2, 2024
Created on Dec 2, 2024
Forked from Hello VizHub

This example shows a pie chart of technology usage hours grouped by relationship status, with data loaded from a CSV file hosted on GitHub. The chart uses D3 v6 APIs including `d3.csv`, `d3.pie`, and `d3.arc` to compute and draw the slices, alongside a custom ordinal color scale and a manually positioned legend built with SVG rectangles and text. The visualization includes a title and uses an SVG rendering approach within an HTML page.

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…

Project

This visualization presents a health data dashboard with three SVG charts. It includes a pie chart showing gender distribution, a bar chart displaying age distribution using d3.bin, and a scatter plot correlating glucose levels with BMI using d3.scaleLinear. The code uses d3.csv to load data and d3.rollup for aggregation, rendering all charts with D3 v7's SVG API.

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

Reusable D3 Scatter Plot

This scatter plot, built with D3 v7, visualizes employee data from a CSV file using a pie chart, with slice sizes proportional to the number of projects each employee worked on. The code uses `d3.csv` to load data and transform it into name-value pairs, `d3.pie()` to compute arc angles, and `d3.arc()` to generate SVG path geometries. A categorical color scale from `d3.scaleOrdinal` with `d3.schemeCategory10` fills the slices, and text labels appear at arc centroids, while an SVG legend maps colors to employee names and project counts.

Rr79162810@gmail.com
78% match
Loading thumbnail…

Activity7.1

A pie chart displays the share of browser usage from a CSV dataset, with each slice labeled by its percentage. The chart uses D3 v7 to load CSV data asynchronously, applies `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the Tableau10 color scheme, and renders via SVG. A legend on the right maps color swatches to browser names, while slice texts show the corresponding usage values. The example demonstrates handling remote CSV data, SVG path generation, and legend construction with D3's `select` and `append` methods.

SSiddhardha
77% match
Loading thumbnail…

Piechart

This example presents a pie chart visualizing the quantity of fruits sold, with each slice labeled by its percentage of the total. The chart is rendered as an SVG within a VizHub project, loading data from a remote CSV file using `d3.csv`. The code leverages `d3.pie` and `d3.arc` to generate the slices, `d3.scaleOrdinal` with `schemeCategory10` for colors, and creates an HTML legend with colored swatches. The chart title and percentage labels appear directly in the SVG, with `d3.sum` used to compute totals.

NNagalakshmi Thota
77% match
Loading thumbnail…

Assignment3.1

This pie chart visualizes the relative usage percentages of various programming languages from a remote CSV dataset. Rendered as SVG, the D3 v5 code constructs the chart using `pie()`, `arc()`, and `scaleOrdinal()`, with each slice labeled and a legend mapping colors to language names. The data is fetched via `csv()` from a GitHub gist.

Ssiddhubhupathi@gmail.com
77% match
Loading thumbnail…

Fork of Hello VizHub 91

This example visualizes the distribution of data across ten team categories using a pie chart rendered in SVG. It loads a CSV file from a GitHub gist, processes the data with D3 v5, and displays each slice with its corresponding percentage value. The chart uses `d3.pie`, `d3.arc`, and a color scale, with a manually positioned legend listing team names and colored markers.

Iiamjathin11@gmail.com
77% match
Loading thumbnail…

Data Viz project

This example shows a pie chart and a stacked bar graph depicting data science salary information, with the pie chart breaking down experience levels and the bar graph ranking the top ten job titles by total salary. Both visualizations load salary data from a remote CSV file and use D3.js v7 APIs, including `d3.rollup` and `d3.rollups` for aggregation, `d3.pie` and `d3.arc` for pie slices, and `d3.scaleOrdinal`, `d3.scaleBand`, and `d3.scaleLinear` for chart scales. The code renders interactive SVG elements with hover effects on the bars, while the pie chart displays count labels, all styled with categorical color schemes.

AArungopal Andalam
77% match
Loading thumbnail…

activity7_question1

This example shows a pie chart of future tech project funding, with each slice colored by project name and labeled with funding amounts. The visualization uses D3.js v5 to load CSV data from a GitHub gist, and renders an SVG with a legend listing each project and its funding value. Interactive tooltips display detailed information about each slice on mouseover, including company, year, and tech area. The chart uses `d3.pie` and `d3.arc` generators with `d3.scaleOrdinal` for color mapping.

Sshreshikaveerannagari@gmail.com
76% match