Skip to main content
SimilarExport ZIP
100%

Groundhog Day Temperatures

✓ Published0🌍 Public
Jjhcliu19
Last edited Oct 30, 2019
Created on Oct 29, 2019

This visualization displays yearly temperatures for February and March across U.S. regions, with each line representing a groundhog shadow category (full shadow, no shadow, or partial shadow) from 1895 onward. The data comes from Data Canvas - Sense Your City. Using d3.csv and d3.nest, the code groups records by shadow status and renders them as smoothed line paths with d3.line and curveBasis. A d3.scaleOrdinal with schemeCategory10 provides color encoding, accompanied by a custom colorLegend module, while axes are generated using d3.axisBottom and d3.axisLeft.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in cities around the world. The data comes from Data Canvas - Sense Your City.

MIT Licensed

Similar vizzes

Loading thumbnail…

Goundhog Day Temperatures

This line chart compares the average March temperature in the United States across years, grouped by whether Punxsutawney Phil saw his shadow on Groundhog Day. The visualization uses d3.csv to load the Kaggle dataset, d3.nest to group records by shadow status, and d3.line with curveBasis to render smooth paths for each category. Axes, scales, and a color legend are generated with d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and a custom colorLegend module, all rendered as SVG elements.

Jjhcliu19
87% match
Loading thumbnail…

Activity6_question 3

This scatter plot shows February average temperatures in the United States from 2002 to 2007, with blue circles representing years when Punxsutawney Phil saw his full shadow and orange circles for years with no shadow. The visualization uses d3.scaleLinear for both axes, d3.axisBottom and d3.axisLeft to render ticks, and d3.selectAll to append SVG circles. Data is embedded directly from a CSV file containing temperature readings from the Northeast, Midwest, and Pennsylvania regions. A simple legend distinguishes the two Phil outcome categories.

Ccharishmakalyanapu@gmail.com
78% match
Loading thumbnail…

Fork of Activity6_question 3

This scatter plot visualizes the February average temperature in Pennsylvania from 2002 to 2007, with points colored by whether Punxsutawney Phil saw his shadow. The chart uses D3.js v7 to build an SVG with linear scales for year and temperature, and includes axes, labels, and a simple legend indicating the two shadow conditions. Data is hardcoded from a CSV containing annual temperature readings and Phil’s shadow status.

Ccharishmakalyanapu@gmail.com
75% match
Loading thumbnail…

Activity6_Question4

This bubble chart plots the relationship between February and March average temperatures. Each circle represents a year, with its x-position showing the February temperature and y-position showing the March temperature. The bubble’s radius scales with March temperature, while color encodes the Punxsutawney Phil prediction: red for “Full Shadow” and green for “No Shadow.” The visualization uses D3.js (v7) with SVG rendering, employing `d3.scaleLinear` for axes and radius, `d3.axisBottom` and `d3.axisLeft` for axes, and `d3.select` and `.enter()` to append circles. Data is drawn from the embedded `data.csv` subset covering years 2002–2007.

Ccharishmakalyanapu@gmail.com
75% match
Loading thumbnail…

Activity6_question3

This stacked bar chart shows how average February and March temperatures vary across multiple regions for each year from 2002 to 2006. Each bar is segmented by temperature category, with a legend identifying the eight region-month combinations. The visualization uses d3.csv to load the data, d3.stack to create the stacked series, and d3.scaleBand, d3.scaleLinear, and d3.scaleOrdinal for positioning and coloring. SVG rectangles render the stacked segments, with axes and legend generated via d3.axisBottom and d3.axisLeft. The code applies the d3.schemeCategory10 color palette to distinguish the temperature categories.

Ccharishmakalyanapu@gmail.com
69% match
Loading thumbnail…

Temperatures in multiple cities

This line chart displays daily average temperatures in degrees Celsius for multiple cities over the first five months of 2020, with each city represented by a colored line. The chart uses a categorical color scale to distinguish cities and includes a legend. The data is loaded from a CSV file and rendered as an SVG using D3 v5. The code employs `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.line` and `curveBasis` for line paths, and `d3.nest` to group data by city.

Aanouckstbr@gmail.com
67% match
Loading thumbnail…

Fork of Ice6_Question 3

This interactive D3.js visualization presents daily weather data across five months, using two complementary charts. The first chart is a multi-series line chart showing maximum and minimum temperature trends with red and blue lines, revealing a seasonal warming pattern from January to May. The second combines bar and line glyphs to compare rainfall with average temperature, using dual y-axes to display both measurements. The visualization is rendered as SVG using d3.v7, with gridlines, hover effects, and annotations that highlight the inverse relationship between precipitation and temperature as the seasons transition.

Ssrujana reddy
67% match
Loading thumbnail…

HeatMap D3

This heatmap displays average monthly temperatures for ten cities across 2016, using a vertical color gradient from the Inferno interpolator to encode temperature values. The visualization employs D3.js v6 with SVG rendering, scaling months along the x-axis and cities along the y-axis. Interactive tooltips reveal exact temperature values on hover, while a d3-legend color scale provides a visual reference for the temperature range. The data comes from a CSV file loaded via d3.csv, with rounded cell corners and opacity styling for clarity.

AAllen Ho
67% match