veeramallivaishnavi3@gmail.com

@VaishnaviVeeramalli·6 public vizzes

area chart

This interactive area chart displays the frequency distribution of a selected numeric variable from a cancer diagnosis dataset. A dropdown menu lets the viewer choose among the dataset’s numeric columns, triggering a new histogram-based area path for that variable. The chart uses D3.js v6 with an SVG rendering, computing bins via `d3.bin` and drawing the area with `d3.area`. Axes are generated with `d3.axisBottom` and `d3.axisLeft`. The data is loaded as CSV from a remote gist, and the visualization updates in place on user selection.

Mar 27, 2025

Loading thumbnail…

titanic

This D3.js v7 visualization presents a pie chart of passenger survival outcomes from the Titanic disaster, sourced from a CSV file hosted on a GitHub Gist. The animation highlights each slice on hover using a scale transform. The code employs `d3.pie`, `d3.arc`, and `d3.rollup` to aggregate survivor counts, with an SVG renderer and a color scale distinguishing survivors (green) from non-survivors (red). The chart also includes labeled slices, a legend, and axis titles for survival status and passenger counts.

Mar 27, 2025

Loading thumbnail…

Fork of Hello VizHub

This visualization presents the survival distribution of Titanic passengers as a pie chart, using D3.js to render each passenger category as a colored slice. It shows the proportion of survivors versus casualties with interactive hover tooltips that display the count and percentage for each group, alongside a legend summarizing total counts. The chart uses d3.pie and d3.arc to generate the SVG slices, with d3.scaleOrdinal and schemeCategory10 for coloring. Data comes from a CSV dataset fetched from a GitHub gist, filtered by the "Survived" field.

Mar 27, 2025

Loading thumbnail…

myViz

This pie chart displays the distribution of accidents by type, with each slice labeled directly on the visualization. The code loads CSV data from a GitHub gist, uses `d3.rollup` to count accidents per category, and `d3.pie()` to generate the arc layout. Slices are rendered as SVG paths via `d3.arc()`, colored with `d3.scaleOrdinal` and `d3.schemeCategory10`, while labels are positioned using `arc.centroid()`. The chart is built with D3 v6 and rendered entirely in SVG.

Mar 27, 2025

Loading thumbnail…

Fork

This visualization plots earthquakes from the past week, sourced from the USGS GeoJSON feed, showing magnitude against time. Circles are colored by depth category (shallow, intermediate, deep) via a color legend, and hovering over legend items dims unrelated points. A brushX interaction allows selecting a time range, which highlights corresponding earthquakes with a darker stroke. The code uses D3 v7 for scales, axes, and the brush, alongside a ResizeObserver for responsive sizing.

Apr 13, 2024

Loading thumbnail…

Test 1

This example shows an area chart of alcohol content in red wine samples, drawn using D3.js v7. The visualization plots alcohol values along both axes, with the area filled in semi-transparent steelblue beneath the line. It loads data from the UCI Wine Quality dataset via `d3.csv`, scales the domain using `d3.scaleLinear` and `d3.extent`, and renders the SVG path with the `d3.area` generator along with `d3.axisBottom` and `d3.axisLeft`.

Apr 13, 2024