47) Log Scale

100%

✓ Published0🌍 Public

Last edited Aug 22, 2023

Created on Aug 22, 2023

Forked from 38) Missing Migrants Scatter Plot

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.

AI-generated description

Stylized Line Chart Working With Time

MIT Licensed

Similar vizzes

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

91% match

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

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

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

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

88% match

Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the Missing Migrants Dataset, with each point representing a single event. The x-axis encodes reported dates as a time scale, while the y-axis uses a log scale for total dead and missing counts. Built with React and D3 v5, it renders as an SVG using `scaleTime`, `scaleLog`, and `extent`. Native SVG `<title>` elements provide tooltips. Axes are custom components (`AxisBottom`, `AxisLeft`) that generate ticks and gridlines from the scales.

KKolezhannochka

88% match

Loading thumbnail…

[SR] Missing Migrants Log Scale

This scatter plot shows reported dates versus total dead and missing counts for individual migration events, with a logarithmic y-axis to accommodate extreme values. The visualization uses React to render SVG circles, with d3.scaleTime and d3.scaleLog for scaling, and custom AxisBottom and AxisLeft components. Data comes from the Missing Migrants Dataset, loaded via d3.csv, and each point includes a tooltip displaying the formatted date.

Ssuserocc

88% match

Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the total number of dead and missing migrants by incident date, using a logarithmic y-axis to accommodate the wide range of values. The chart is built with React and D3 v7, utilizing `scaleTime` and `scaleLog` for the axes, with SVG circles representing each incident. The data comes from the Missing Migrants Project, and hovering over a circle reveals the exact date via an SVG `<title>` element. Axis components are custom-rendered with tick marks and labels.

JJun Suzuki

88% match