Skip to main content
SimilarExport ZIP
100%

Snow Depth Data 2019-2020

✓ Published1🌍 Public
Jjjacobatandover
Last edited Jul 12, 2021
Created on Jul 12, 2021

A scatter plot displays daily average snow depth in Lawrence, Massachusetts, from the 2019–2020 winter season. Each point represents a date, with tooltips revealing the exact date on hover. The visualization is built with the vega-lite-api, which registers vega and vega-lite, and loads data from a CSV file using d3.csv. The chart is rendered as a full-window SVG, with custom axis and label styling configured through Vega-Lite’s config object.

AI-generated description

A visualization constructed using the vega-lite-api.

The data shown here comes from the UCI Machine Learning Repository: Auto MPG Data Set, via Gist: Scatter Plot with Menus.

MIT Licensed

Similar vizzes

Loading thumbnail…

Rain fall Lawrence, MA

This bar chart displays daily precipitation levels in Lawrence, MA, filtering the data to July only. The visualization uses the Vega-Lite API with custom configuration for styling, while loading CSV data from a GitHub-hosted weather dataset. The chart renders as an SVG with bars colored by default, and includes tooltips that show the date on hover. The code registers vega-lite and vega-tooltip for interactivity, and uses d3.csv to fetch the underlying weather data.

Jjjacobatandover
78% match
Loading thumbnail…

Logan weather 2016-2018

This visualization plots daily maximum temperatures at Logan International Airport from 2016 to 2018 as a scatterplot, using month and day as the x-axis and temperature on the y-axis. Each point’s color encodes the max temperature value, while point size reflects daily precipitation amount, with tooltips revealing exact precipitation totals. The chart is built with Vega-Lite via the `vega-lite-api`, using `markCircle`, `fieldT`/`fieldQ` encodings, and a custom `config` for axis styling. Data is loaded asynchronously from a CSV using `d3.csv`.

Rrohame
66% match
Loading thumbnail…

Boston Weather Data with Menus

A scatter plot of daily Boston weather observations shows how users can select any two weather attributes from the dataset—such as temperature, humidity, wind speed, or snowfall—to compare and discover relationships. Two dropdown menus control which attribute maps to the x- and y-axes, updating the D3 linear scales and plotted circles accordingly. The chart uses React with D3 v5, reading the CSV data via D3’s `csv` function and rendering the plot as an SVG with custom axis and mark components.

JJacklyn Turner
63% match
Loading thumbnail…

Vega-Lite API Template

This visualization shows the burglary rate per capita for Massachusetts cities, filtering to only those with rates above 0.005 and sorting the bars from highest to lowest. The bars are rendered with the Vega-Lite API, which builds a specification that Vega then renders as scalable vector graphics. Data is loaded from a CSV file using `d3.csv` and processed to calculate the per-capita metric. Interactive tooltips display the city name when hovering, and the chart automatically fits the browser window dimensions.

CCurran Kelleher
63% match
Loading thumbnail…

Vega-Lite API Template

A scatterplot displays daily temperature readings over time from a CSV dataset of San Francisco weather. The visualization is built using the Vega-Lite API, which constructs declarative specifications programmatically, then renders them through the Vega and Vega-Lite JavaScript libraries. Data is loaded asynchronously via D3's `csv` function, while the `vega-tooltip` handler provides interactive hover details for each circle mark.

CCurran Kelleher
62% match
Loading thumbnail…

making a bar chart

This example shows annual snowfall totals from 1999 to 2018 using a simple bar chart built with D3 v5. It renders SVG rectangles that are appended to the chart, with each bar’s width fixed at 300 pixels, though the height is not yet encoded from the data values. The visualization relies on `d3.select` and `d3.csv` to load the dataset, and the code converts the snowfall field to numbers before logging the parsed data to the console. The chart is styled with a full-viewport SVG and minimal CSS.

Llemonyunyun
62% match
Loading thumbnail…

Covid-19 Records in MA

This visualization shows the trend of confirmed COVID-19 cases in Massachusetts from February to September 2020, plotted as individual circles on a time-series scatterplot using React and D3 v5. The SVG chart uses `scaleTime` for the x-axis and `scaleLinear` for the y-axis, with custom `AxisBottom` and `AxisLeft` components rendering ticks and labels. Data is loaded asynchronously via `d3.csv` from a GitHub gist, with the y-axis formatted in compact notation and tooltips showing the month via the native SVG `<title>` element.

SStefanZhang
62% match
Loading thumbnail…

Massachusetts Daily COVID-19 Vaccinations - Scatterplot

This scatterplot displays the daily number of COVID-19 vaccinations administered in Massachusetts from April 1 to September 4, 2021. Each red circle represents a single day’s total, plotted on a time-scaled x-axis and a linear y-axis, revealing trends and fluctuations in vaccination rates. The visualization uses D3 version 6.7.0, leveraging `scaleTime` and `scaleLinear` for axes, `axisLeft` and `axisBottom` for grid ticks, and SVG circles for marks. Data is loaded from a CSV file containing vaccination statistics for all US states, filtered to show only Massachusetts.

PPeter VanNostrand
62% match