HIV / AIDS Cases Scatter Plot

100%

HIV / AIDS Cases Scatter Plot

✓ Published0🌍 Public

Last edited Nov 26, 2021

Created on Nov 26, 2021

This scatter plot visualizes reported HIV/AIDS cases over time, showing the total count of dead and missing individuals per month. The visualization uses a logarithmic y-scale to accommodate the wide range of case values across the time series. Built with React and D3 v5, the code implements `scaleTime` and `scaleLog` for axes, `histogram` binning with monthly thresholds, and `sum` aggregation for bin totals. The SVG rendering uses custom `AxisBottom` and `AxisLeft` components, with circles representing individual data points from the Missing Migrants Global subset CSV.

AI-generated description

Working with d3.scaleTime to display temperatures over days of the week.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants Scatter Plot

This scatter plot visualizes monthly totals of dead and missing migrants, using D3 v5 to bin the data by reported date into monthly intervals. The visualization is built with React and renders as an SVG, combining a time-scaled x-axis and linear y-axis through `scaleTime`, `scaleLinear`, and histogram binning. Aggregated sums are plotted as circles, with the data sourced from a 2019 Missing Migrants Project CSV. Hovering over any circle reveals its exact value via a D3 tooltip.

Iiblub

79% match

Loading thumbnail…

Missing Migrants Scatter Plot

This scatter plot displays reported incidents of missing migrants over time, with each circle representing a reported date and the corresponding total number of dead and missing individuals. The visualization uses React to render SVG elements, while D3 v5 handles data loading via `csv()` and scales with `scaleTime()` and `scaleLinear()`. Custom axis components generate the time-based x-axis with formatted date ticks and a linear y-axis, with tooltips revealing exact dates for each data point. The dataset comes from a CSV file of global missing migrant reports.

Eelena

78% match

Loading thumbnail…

Missing Migrants Scatterplot

This interactive visualization displays monthly counts of dead and missing migrants, aggregated from a CSV dataset of global incidents. The chart uses a scatterplot with time on the x-axis and death tolls on the y-axis, rendered as SVG bars via React. Built with d3.v5, it employs `scaleTime`, `scaleLinear`, and the `bin` histogram API with `timeMonths` thresholds to group data, while `sum` calculates monthly totals. Axes are custom components using React functional components, and hover tooltips reveal exact values through SVG `<title>` elements.

Jjulesgentry

78% match

Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes reported deaths and missing migrants over time, with each circle representing a single incident. The visualization employs a logarithmic y-axis scale to accommodate the wide range of casualty counts, while the x-axis uses a time scale for chronological ordering. Built with React and D3 v7, the code renders SVG circles using custom AxisBottom, AxisLeft, and Marks components. The graph loads CSV data asynchronously via d3.csv and applies scales through scaleLog and scaleTime. Hovering reveals the exact date through native SVG tooltips.

KKevin McMorrow

78% match

Loading thumbnail…

(Incomplete) Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the total number of dead and missing migrants over time, using a logarithmic scale on the y-axis to accommodate extreme variations in monthly counts. The visualization aggregates raw CSV data into monthly bins using d3.histogram, then renders SVG rectangles with React. D3’s scaleTime and scaleLog handle the axes, while d3.sum calculates totals within each bin. The chart loads data from a GitHub-hosted CSV file and includes axis labels for Time and Total Dead and Missing.

SSerind Joshua McCue

78% match

Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes reported migrant deaths and disappearances over time, with each circle representing a single event. The y-axis uses a logarithmic scale to accommodate the wide range in casualty counts, while the x-axis maps dates. Built with React and D3 v5, the visualization uses `scaleTime` for the time axis, `scaleLog` for the logarithmic scale, and SVG circles rendered through custom React components. Data comes from the Missing Migrants Dataset, fetched via D3’s `csv` loader and parsed with a custom row function.

CCurran Kelleher

78% match

Loading thumbnail…

Missing Migrants Scatter Plot

This interactive scatter plot visualizes the Missing Migrants Dataset, with each circle representing a single reported incident. The x-axis maps the reported date using a time scale, while the y-axis shows the total number of dead and missing individuals on a linear scale. Built with React and D3.v5, the visualization renders SVG circles with tooltips that display the date on hover. The code utilizes D3’s `scaleTime`, `scaleLinear`, `extent`, and `timeFormat` APIs, along with the `csv` function to load the data from a GitHub gist. Axes are constructed from reusable React components, and the plot includes clearly labeled axes for time and casualty counts.

CCurran Kelleher

78% match

Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

This scatter plot displays events from the Missing Migrants Dataset, plotting reported dates against the total number of dead and missing per incident. The visualization uses a logarithmic y-scale to accommodate the wide range of casualty counts, with each circle representing a single event. Built with React and D3 v5, the code employs `scaleTime` and `scaleLog` for axes, renders marks as SVG circles, and provides tooltips via `d3.csv` data loading.

Ccshm407

78% match