Log Scales

100%

✓ Published0🌍 Public

Last edited May 17, 2021

Created on May 17, 2021

This log-scale scatterplot visualizes the total number of dead and missing migrants over time, using a logarithmic y-axis to better show the wide range of values. The data comes from a CSV file, processed with D3's `csv` and `scaleLog` functions, and is rendered as SVG circles via React. The chart includes time-formatted x-axis ticks and a y-axis with automatically generated labels.

AI-generated description

Log Scales

MIT Licensed

Similar vizzes

Loading thumbnail…

Log Scale

This example visualizes reported migrant deaths over time, using a logarithmic y-scale to accommodate the wide range of total dead and missing counts. The scatter plot shows each reported date on the x-axis and the corresponding death toll on the y-axis, with points rendered as SVG circles. Built with React and D3 v5, it uses `scaleLog` for the y-axis, `scaleTime` for the x-axis, and the `csv` loader to fetch data from a GitHub gist. Axes are custom React components, and data is binned via `d3.histogram` for tick generation.

WWaseem Medhat

92% match

Loading thumbnail…

Logscale of Missing and dead migrants I

This example visualizes reported dates versus total dead and missing migrants from the Missing Migrants Dataset, using a log scale for the y-axis to accommodate wide numerical ranges. It renders a smooth line and circles as SVG marks, generated with React components and D3’s `scaleLog`, `scaleTime`, `line`, and `curveNatural`. The chart includes custom axes built from D3 scales, with the data fetched via `d3.csv`.

Ssmile2git

91% match

Loading thumbnail…

Log scale Missing Migrants Scatter Plot

This scatter plot visualizes missing migrant incidents over time, with each point representing a single event and the y-axis using a log scale to display the "Total Dead and Missing" count. Built with React and D3 v5, the visualization renders as an SVG, using `scaleTime` for the x-axis, `scaleLog` for the y-axis, and custom `AxisBottom`, `AxisLeft`, and `Marks` components to draw tick marks and circles. Data comes from the Missing Migrants Dataset, loaded via D3’s `csv` function, with tooltips showing the reported date on hover.

SShuyu Zheng

90% match

Loading thumbnail…

Migrant Chart Log Scale

This visualization plots the total number of dead and missing migrants over time, using a logarithmic y-axis to accommodate the wide range of values in the dataset. The chart displays individual data points as circles, with tooltips showing the exact reported date for each point. Built with React and D3 v7, the code uses scaleTime and scaleLog for the axes, while the data is loaded asynchronously via d3.csv from a Missing Migrants subset. The SVG rendering includes custom axis components and styled tick marks.

Jjbruzzo

90% 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

89% match

Loading thumbnail…

Log Scales

This scatter plot visualizes reported incidents from the Missing Migrants Dataset, plotting each event’s date against the total number of dead and missing. The code uses a d3.scaleLog for the y-axis to handle the wide range of casualty counts, while d3.scaleTime handles the x-axis. React components render SVG circles for each data point, with tooltips via native SVG `<title>` elements. Axis components generate ticks and labels using d3 scale methods.

Ddaneslutzky

89% match

Loading thumbnail…

Log Scale of Missing Migrants over Time

This scatter plot visualizes events from the Missing Migrants Dataset, showing the relationship between reported date and total dead or missing individuals. Each circle represents a single event, with time on the x-axis and a log-scaled y-axis to accommodate the wide range of values. The visualization uses D3 v5’s `scaleTime` and `scaleLog` for axis scaling, with React components rendering SVG marks, axes, and labels. Tooltips provide formatted date information on hover through SVG `<title>` elements.

KKtuzinowski

89% match

Loading thumbnail…

Missing Migrants Scatter Plots Log Scale

A scatter plot displays the relationship between incident dates and the total number of dead and missing migrants, with a log-scaled y-axis to handle the wide range of values. The visualization uses D3's `scaleTime` and `scaleLog` to map the data, rendering circles via React components. Each circle includes a native SVG tooltip showing the formatted date. The data comes from a CSV file of missing migrant incidents loaded with `d3.csv`. The chart is built using React with D3 v7, rendering to SVG.

KKazushige Okuma

89% match