Activity6_question 3

100%

Activity6_question 3

✓ Published1🌍 Public

Last edited Oct 25, 2024

Created on Oct 25, 2024

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

87% match

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

80% match

Loading thumbnail…

Groundhog Day Temperatures

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.

Jjhcliu19

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

76% match

Loading thumbnail…

Activity7_Question2

This area chart displays monthly average temperatures across the USA for 2023, using a steel-blue filled path to visualize the data. Built with D3.js v7, the visualization loads CSV data from a GitHub repository and renders as an SVG. The code employs `d3.csv`, `d3.scaleBand`, `d3.scaleLinear`, `d3.area`, and `d3.axisBottom`/`d3.axisLeft` to construct the chart, with a title indicating the dataset's temporal and geographical scope.

VVENKATESWAR RAO CHINTA

74% match

Loading thumbnail…

activity7.2

This visualization displays yearly average temperatures as a filled area chart, with a steel-blue region rising and falling across the time series. The SVG rendering uses d3.area() to generate the path, scaling the x-axis by year and the y-axis by temperature values. Data loads from a remote CSV via d3.csv, with axes labeled “Year” and “Avg Temperature (°C)”. The chart applies d3.scaleLinear for both dimensions and formats tick labels with d3.format for integer years, highlighting overall temperature trends over time.

GGanesh Gundekarla

72% match

Loading thumbnail…

Activity - 9_Question - 2

This example renders a single-area chart depicting monthly average temperatures from a CSV file. It uses D3 v5 to load the data, map months to a band scale, and temperatures to a linear scale, then draws a steel-blue area path. The code adds labeled x- and y-axes using `d3.axisBottom` and `d3.axisLeft`, with the chart output as SVG. The visualization clearly shows the seasonal temperature variation across the twelve months.

Mmanideepchinna25@gmail.com

72% match