Missing Migrant Part I

100%

Missing Migrant Part I

✓ Published0🌍 Public

Last edited Aug 15, 2021

Created on Aug 15, 2021

A scatter plot displays temperature readings over a week from the Data Canvas Sense Your City dataset. Each circle marks a temperature observation at a specific timestamp, with time formatted by day of the week on the x-axis and temperature on the y-axis. Built with React and D3 v5, the visualization uses `scaleTime` and `scaleLinear` for axes, renders circles as SVG elements with tooltips via the `<title>` tag, and loads CSV data through `d3.csv`.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Missing Migrant Part I

This interactive scatter plot visualizes a week of temperature readings from San Francisco, plotting time on the x-axis against temperature on the y-axis. The visualization is built with React and D3 v5, using `scaleTime` and `scaleLinear` for axes and SVG circles to represent data points. It pulls data via the `csv` loader from the Data Canvas Sense Your City dataset, with tooltips showing the exact time for each point.

Aadewole-top

92% match

Loading thumbnail…

Missing Migrant Part I

A scatter plot displays the total number of dead and missing migrants over time, with each circle representing a reported incident. The visualization uses React to render an SVG, employing d3.scaleTime and d3.scaleLinear for axes, with d3.csv loading data from the Data Canvas Sense Your City Dataset. Circles are positioned using d3's scale functions, while tooltips reveal exact dates via d3.timeFormat.

Aadewole-top

85% match

Loading thumbnail…

Temperature Scatter Plot

This scatter plot visualizes temperature readings over time from the Data Canvas Sense Your City dataset, with each point representing a single observation. The chart uses React with D3 v7, employing `scaleTime` and `scaleLinear` to map timestamps and temperature values to SVG coordinates. The `Marks` component renders circles with tooltips showing the day of the week, while `AxisBottom` and `AxisLeft` generate labeled tick marks. The visualization loads CSV data asynchronously via the `useData` hook and D3's `csv` function, with axes labeled "Time" and "temperature".

OOleg Zhernovoy

84% match

Loading thumbnail…

Working with Time

This scatter plot visualizes temperature readings over a week from the Data Canvas Sense Your City Dataset. Each circle represents a temperature measurement at a specific time, with a tooltip showing the day of the week. The visualization uses React for rendering SVG elements and d3.scaleTime and d3.scaleLinear for mapping timestamps and temperatures to pixel coordinates. The code employs d3.extent, d3.max, d3.timeFormat, and the csv loading function from d3-fetch to process and display the data.

Ssophburke

84% match

Loading thumbnail…

Working with Time

This scatter plot displays temperature readings over the course of a week, with time on the x-axis and temperature on the y-axis. Built with React and D3 v5, it uses `scaleTime` and `scaleLinear` to map the data, with `extent` and `max` computing the domains. The visualization renders as an SVG, with custom axis components and circular marks that include tooltips via SVG `<title>` elements. Data comes from the Data Canvas Sense Your City dataset, loaded as CSV through `d3.csv`.

Jjerate11

83% match

Loading thumbnail…

Working with Time

This scatter plot visualizes weekly temperature readings from the Data Canvas Sense Your City dataset, with time on the x-axis and temperature on the y-axis. Built with React and D3 v5, it uses `scaleTime` and `scaleLinear` for coordinate mapping, and SVG circles as marks. Axes are generated using custom `AxisBottom` and `AxisLeft` components that call `xScale.ticks()` and `timeFormat`, with native SVG `<title>` elements providing tooltips. Data loading is handled via the `useData` hook, which fetches a CSV file using `d3.csv`.

CCurran Kelleher

83% match

Loading thumbnail…

Working With Time

This scatter plot visualizes weekly temperature data from the Data Canvas Sense Your City dataset, displaying temperature readings over time. Each circle represents a timestamp on the x-axis and its corresponding temperature on the y-axis. The visualization uses React with D3 v7, employing `scaleTime` and `scaleLinear` for axes, `extent` to compute domains, and `timeFormat` to display abbreviated weekday labels. Data is loaded via `csv` from a GitHub-hosted CSV file, with SVG rendering and custom axis components for a clean presentation.

JJoe Hutchins

82% match

Loading thumbnail…

Time Series: Part 1 - Scatter Plot

This scatter plot visualizes temperature readings over time from the Data Canvas Sense Your City dataset, displaying each observation as a circular mark positioned by a time-based x-scale and a linear y-scale. The React components render SVG axes with tick marks, while the Marks component generates circles with native tooltips showing the formatted date. Using d3.csv for data loading, d3.scaleTime and d3.scaleLinear for scales, and d3.timeFormat for tick labels, the chart emphasizes temporal patterns in temperature data with clear axis labels and a minimalist design.

Zzeeeeem

82% match