Log Scale

100%

✓ Published0🌍 Public

Last edited Dec 10, 2020

Created on Dec 10, 2020

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.

AI-generated description

Repeating the Datavis 2020 series of videos for the missing migrants visualization.

MIT Licensed

Similar vizzes

Loading thumbnail…

Log Scales

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.

NNikhil Reddy Manda

92% match

Loading thumbnail…

Migrant Deaths (Log Scale)

This example visualizes reported migrant deaths and disappearances over time, plotting each incident as a point on a scatterplot with a logarithmic y-axis for the total dead and missing. The visualization uses React to render SVG circles, with D3’s `scaleTime`, `scaleLog`, `extent`, and `timeFormat` utilities to position axes and ticks. Data is loaded as CSV via `d3.csv` from a remote gist, and hovering reveals the incident’s report date through the native SVG `<title>` tooltip.

Ffjvoris

91% match

Loading thumbnail…

47) Log Scale

A scatterplot displays reported dates against total dead and missing migrants, using a logarithmic scale for the y-axis to accommodate a wide range of values. React components render SVG circles for each data point, with d3.scaleLog and d3.scaleTime mapping the data, while custom axes use d3’s tick formatting. The dataset comes from a CSV of Missing Migrants Global incidents, and tooltips show the reported date via SVG titles.

Llefat92

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

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

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

89% match

Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes missing migrant incidents over time, with the y-axis using a logarithmic scale to accommodate the wide range of reported deaths. The visualization shows each incident as a circle plotted against its reported date and total dead and missing count. The code uses d3.scaleLog and d3.scaleTime for scaling, React for component structure, and SVG for rendering. Data comes from the Data Canvas Sense Your City Dataset, loaded via d3.csv from a GitHub gist.

BBen Seebeck

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

89% match