Skip to main content
SimilarExport ZIP
100%

household.csv

✓ Published0🌍 Public
Bbindusreeja
Last edited Jul 1, 2022
Created on Jun 30, 2022

This interactive scatter plot visualizes induced abortions over time using a dataset from a GitHub-hosted CSV file. Built with D3.js (version 6.7.0), the chart maps the period on the x-axis and induced abortion counts on the y-axis using linear scales. The animation cycles through displaying each column as the x-value every two seconds, dynamically updating the axes and circles via the reusable `scatterPlot` function. The visualization employs SVG rendering with the "Share Tech" font and a clean, full-screen layout.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Project DV

This interactive bar chart visualizes the investment of money across different ages, drawing data from a CSV file loaded via `d3.csv`. The React application uses D3's `scaleBand` and `scaleLinear` to construct the chart, which plots the number of pregnancies against country values. Rendered as an SVG, the visualization displays bars in a horizontal layout, with axes generated through D3's axis functions. The code filters the dataset to the first 50 records, mapping the 'Pregnancies' field as the cost metric, and uses D3 v5 within a React framework to manage the dynamic state.

HHema1430
70% match
Loading thumbnail…

Heatmap with D3

This heatmap visualizes abortion rates per 1,000 women aged 15–17 across U.S. states over multiple years, using a linear color scale from light gray to red to indicate rate intensity. The D3 v7 code loads data from a CSV and renders an SVG with `d3.scaleBand` for the x- and y-axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.scaleLinear` for color encoding. It appends rectangles for each state-year pair, plus a legend and axis labels.

OOlha
70% match
Loading thumbnail…

Interactive_Scatterplot_Crime_against to woman

This interactive scatterplot displays reported crime cases against women in India across different states from 2001 to 2012, with the year on the x-axis and total cases on the y-axis. A dropdown menu allows viewers to switch between six crime categories, including rape, kidnapping, and dowry deaths, using D3’s event dispatch system. The visualization uses d3.scaleLinear for both axes and d3.axisLeft/axisBottom for tick marks, with animated transitions (d3.transition) that grow circles and smoothly update positions when the selected metric changes. Data comes from a CSV file loaded via d3.csv.

LlzlazmSylas
69% match
Loading thumbnail…

Line Chart with D3

This example visualizes abortion rates for 15-17-year-olds across eight U.S. states from 1985 to 2017 as a multi-series line chart, with each state distinguished by a color-coded ordinal scale and a d3-legend. It renders using SVG with animated tooltips on circular data points that display the year, state, and rate on mouseover. The visualization is built with D3 v7, using d3.group for data nesting, d3.line for path generation, d3.scaleLinear for axes, and d3.axisBottom/Left for tick marks, drawing from CSV data loaded via d3.csv.

OOlha
68% match
Loading thumbnail…

Fork of Heatmap with p5.js

This heatmap displays abortion rates per 1,000 women among 15–17-year-olds across eight U.S. states over sixteen years, using a green color scale from dark (<10) to bright (>40). Each cell encodes one state-year pair. The visualization includes axis labels, a legend, and explicit value thresholds. Built with p5.js, the sketch loads CSV data via `loadTable` from a Gist and renders cells using nested loops, `square()`, and `fill()` based on conditional color assignments. The dataset originates from a Kaggle resource on pregnancy and birth rates, filtered for readability.

Iindira-antgrvty
68% match
Loading thumbnail…

i7q1

This interactive scatter plot visualizes country demographics, plotting population against economic, health, and internet-usage metrics from a CSV dataset. The visualization cycles through three x-axis variables—GDP, life expectancy, and internet users—every two seconds, creating an animated comparison of development indicators. Built with a reusable D3.js scatter plot module, the SVG chart uses `scaleLinear`, `axisLeft`, and `axisBottom` APIs to render axes and circles that update dynamically. The code employs the `join` pattern for idempotent updates, and the animation is driven by `setInterval` in the main script, which loads data via `d3.csv` and appends axis labels dynamically.

Kktvgs25@gmail.com
68% match
Loading thumbnail…

Fork of AkshithaRapala - Fork of Reusable D3 Scatter Plot

This reusable D3 scatter plot visualizes the diabetes dataset, mapping pregnancies and glucose levels as points on a dynamic SVG canvas. It cycles through multiple columns—Pregnancies, Glucose, BloodPressure, and SkinThickness—updating the x-axis every 100 milliseconds to animate the chart. Built with d3.scaleLinear, axisBottom, and axisTop, it encodes species as distinct shapes via the shapePath function. The plot adjusts to window dimensions and refreshes automatically, offering an interactive glimpse into the dataset’s correlations.

AArun
68% match
Loading thumbnail…

PIE-CHART Project!

This visualization presents a pie chart comparing countries against their highest pregnancy counts, using data from a GitHub-hosted CSV dataset limited to the first 11 records. The chart renders as an SVG with colored arc segments, value labels positioned via `d3.arc` centroid calculations, and a legend showing country names and corresponding values. It employs D3 v5 APIs including `pie`, `arc`, `scaleOrdinal`, and `format` to generate the chart, with styling applied through external CSS.

Aav.dj.2000@gmail.com
68% match