6mandati6

@6mandati6·3 public vizzes

Fork of Project 10/31

This interactive scatter plot visualizes college majors by employment earnings and gender distribution, drawing on FiveThirtyEight data. Users can select different y-axis metrics via a dropdown menu, and circles are colored by major category. Clicking a color legend category filters the display, while the initial view jitters circles to reveal overlapping points. The visualization uses d3.scalePoint, d3.scaleLinear, d3.axisLeft, d3.axisBottom, and d3.scaleOrdinal, rendering as SVG with animated transitions.

Apr 20, 2021

Loading thumbnail…

Fork of Making an Interactive Pie Chart

This interactive donut chart displays the distribution of income across three categories—Sales, Dividends, and Interest—from a CSV file. The visualization uses D3 v5’s `pie` and `arc` APIs to generate the donut segments, with a `scaleOrdinal` color scale for category distinction. Hovering over a slice triggers a tooltip, implemented via D3’s `select`, showing the percentage contribution of that category, calculated with `sum` from the data’s amount field. The SVG rendering includes labeled text for each slice, and slices are interactive with `mouseover` and `mouseout` events.

Mar 25, 2021

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.

Mar 24, 2021