Skip to main content
SimilarExport ZIP
100%

Fork of D3 Starter

✓ Published0🌍 Public
Kkshravyak.2001@gmail.com
Last edited Mar 25, 2025
Created on Mar 25, 2025
Forked from D3 Starter

This donut chart displays the mental health conditions of freelancers based on their work-life balance, with each slice sized according to earnings in USD and colored by experience level. The visualization uses the D3.js library (v5) with the `pie`, `arc`, and `scaleOrdinal` APIs to generate and style the chart. Data is loaded asynchronously from a CSV file hosted on GitHub, and a custom legend maps experience levels to slice colors.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart visualizes freelancer earnings by experience level, aggregating total USD earnings across categories. The chart renders as a standard donut-style pie with white stroke separations, category labels placed at arc centroids, and a color-coded legend. Data is fetched asynchronously from a CSV file hosted on GitHub Gist, then parsed and summed using JavaScript. The visualization is built with D3 v7, using `d3.pie`, `d3.arc`, `d3.scaleOrdinal` with `schemeCategory10`, and SVG rendering for both the chart and legend.

Kkshravyak.2001@gmail.com
84% match
Loading thumbnail…

Fork of Pie Chart

This visualization shows the distribution of mental health conditions among remote workers, with each slice of the pie chart representing the count of a specific condition. The chart is rendered as an SVG using d3.pie and d3.arc to generate the slices, with d3.scaleOrdinal and d3.schemeCategory10 assigning colors. A legend below displays the condition names as colored rectangles. The data comes from a CSV file loaded via d3.csv, and the code also logs the condition name to the console on mouseover events.

Kkshravyak.2001@gmail.com
80% match
Loading thumbnail…

Fork of Donut

This bar chart displays the average stress level for various occupations, using a horizontal layout with a sequential plasma color scale. The visualization is built with D3.js (v7), utilizing `d3.select`, `d3.csv`, `d3.rollups`, and `d3.scaleBand`/`d3.scaleLinear` to process and aggregate data from a remote CSV file. Bars are drawn as SVG rectangles, with axis labels and a title, all rendered in an SVG container.

Vvaishumamidi3@gmail.com
77% match
Loading thumbnail…

Fork of Making an Interactive Pie Chart

This donut chart displays the proportional breakdown of income sources, with three colored segments labeled Sales, Dividends, and Interest. Hovering over a slice reveals a tooltip showing its percentage of the total amount. The visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.sum` to calculate and render the arcs. Data is loaded from a CSV file, and the SVG elements are manipulated directly to create the chart and interactive tooltip.

NNarayana Reddy
77% match
Loading thumbnail…

Fork of Making an Interactive Pie Chart

This donut chart displays the proportional breakdown of income sources, with three colored segments labeled Sales, Dividends, and Interest. Hovering over a slice reveals a tooltip showing its percentage of the total amount. The visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.sum` to calculate and render the arcs. Data is loaded from a CSV file, and the SVG elements are manipulated directly to create the chart and interactive tooltip.

NNarayana Reddy
77% match
Loading thumbnail…

Fork of Making an Interactive Pie Chart11

This donut chart displays the relative proportions of three income sources—Sales, Dividends, and Interest—loaded from a CSV file. Each slice is labeled with its category name and colored using a custom ordinal scale. The visualization uses D3 v5’s `pie` and `arc` generators to compute slice geometry and `scaleOrdinal` for coloring. Hovering over a slice triggers an interactive tooltip that calculates and displays the percentage of the total amount represented by that slice, using `d3.sum` for aggregation and event listeners for mouse interactions.

66mandati6
77% match
Loading thumbnail…

Fork of D3 Starter

This dashboard displays four coordinated D3.js (v7) visualizations of company performance: a reusable scatter plot mapping sales against profit with point size encoding expenses, a pie chart of annual sales share, and line and area charts showing sales over time. The data is loaded from a remote CSV file and parsed with `d3.csv`, using `d3.timeParse` to decode month-year strings. All charts render as SVG and include a tooltip implemented with `d3.select`, while axes are generated via `d3.axisBottom` and `d3.axisLeft`, with scales built using `d3.scaleLinear` and `d3.scaleSqrt`.

Ddeepthinaidu2001@gmail.com
76% match
Loading thumbnail…

Fork of Fork of Making an Interactive Pie Chart

This interactive donut chart visualizes income breakdown across three categories—Sales, Dividends, and Interest—using repeated rows from a CSV file. Built with D3 v5, it renders an SVG donut with labeled slices and a hover tooltip displaying each category’s percentage. The code leverages `d3.pie` for arc calculation, `d3.arc` for path geometry, and `d3.scaleOrdinal` for color mapping. Hovering highlights a slice and dynamically positions a tooltip using mouse coordinates.

RRochelle
76% match