Skip to main content
SimilarExport ZIP
100%

Migrant Chart Log Scale

✓ Published0🌍 Public
Jjbruzzo
Last edited Jul 3, 2022
Created on Jul 3, 2022
Forked from Migrant Chart

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.

AI-generated description

A program that loads in some data using D3 utilities, and uses React state to keep track of the data.

Plotting the SF temeprature dataset

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrants (Log Scale)

The visualization displays the total dead and missing migrants over time on a logarithmic y-axis, with each circle representing a report date. Time runs along the x-axis via d3.scaleTime, while d3.scaleLog compresses the wide range of person counts. React components render SVG circles wrapped in d3.v7 scales, with axis components formatting ticks and a tooltip showing the full date. Data comes from a CSV file loaded asynchronously via d3.csv in a custom useData hook.

ZZoe Ferencova
93% match
Loading thumbnail…

Migrant Chart

This chart displays the total number of dead and missing migrants over time, using a scatter plot where each point represents a reported date and its corresponding death toll. The visualization loads data from a CSV file using D3’s `csv` utility and React state, then renders the chart with SVG elements. The x-axis employs `scaleTime` with a formatted date tick label, while the y-axis uses `scaleLinear` to map the count values. The React components for axes and data marks are built with `d3` utilities and styled via Poppins font and custom CSS classes.

Jjbruzzo
92% 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
92% 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
91% match
Loading thumbnail…

Missing Migrants Log scales

A scatter plot of the Missing Migrants Dataset shows each reported incident as a circle, with the reported date on the x-axis and the total dead and missing count on a logarithmic y-axis. The visualization uses d3.scaleTime and d3.scaleLog to map the data, with SVG circles rendered via React components. Axes are drawn using custom AxisBottom and AxisLeft components that leverage d3's tick generation, while the data is loaded asynchronously from a CSV file using d3.csv.

MMohammed Banani | MbDev
91% 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
91% match
Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the Missing Migrants Dataset, with each point representing a single migration event. The x-axis encodes reported dates using a time scale, while the y-axis uses a logarithmic scale to display the total number of dead and missing, compressing large values for clarity. Built with React and rendered as SVG, the visualization uses d3.scaleLog, d3.scaleTime, and d3.csv for data loading. Axis components are custom React functions that generate tick marks and labels, with tooltips on each circle showing the exact date.

Jj-PGi
91% match
Loading thumbnail…

Missing Migrants Scatter Plot Log Scale

This visualization displays the Missing Migrants Dataset as a scatter plot, where each point represents a single migration event. The x-axis encodes the reported date using a time scale, while the y-axis uses a logarithmic scale to show the total dead and missing count. The chart is built with React and D3 v5, using scaleTime and scaleLog for the axes, with SVG circles rendered by a custom Marks component. Tooltips show the full date via native SVG titles.

MMichael Bruno
91% match