Skip to main content
100%

rolling 7-day

✓ Published0🌍 Public
Aandrewdblevins
Last edited Jun 27, 2017
Created on Jun 27, 2017

A rolling 7-day average of daily high and low temperatures is visualized as two smooth line series over time. The chart uses d3.svg.line() with a custom moving-average calculation applied to the raw temperature data from the TSV file, rendering the result as an SVG path with a light gray grid and axis labels.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

ICE-7 Line chart

This line chart displays daily temperature readings for seven days in April 2024, using a steel-blue polyline and crimson dot markers to highlight individual data points. The visualization plots temperature in degrees Celsius against parsed dates, with rotated x-axis labels for readability. Built with D3 v6, it uses `d3.scaleTime` and `d3.scaleLinear` for the axes, `d3.line` for the path, and `d3.axisBottom` and `d3.axisLeft` for ticks. The SVG renderer also adds axis titles for both date and temperature.

UUday Kiran
76% match
Loading thumbnail…

line chart ice 7

This line chart displays daily temperature readings over a week, using a steel-blue line with crimson dots to mark each data point. The visualization plots dates on the x-axis and temperatures on the y-axis, with labels for both dimensions. Built with D3 v6, the code uses d3.timeParse to convert date strings, d3.timeFormat for axis tick labels, and d3.scaleTime and d3.scaleLinear for the coordinate systems. The chart is rendered as SVG, with axis text rotated for readability.

UUday Kiran
75% match
Loading thumbnail…

TemperatureDay_LineChart

This line chart visualizes temperature readings across ten consecutive days, with each day’s value marked by an orange circle and connected by a steelblue line. The chart includes labeled axes for Day and Temperature (°C), with the y-axis scaled to include padding above and below the data range. Using D3.js v7, the visualization loads data from a CSV file via `d3.csv`, applies linear scales for both axes, and renders the SVG path with the `d3.line()` generator. Axis labels are added as SVG text elements, and the chart is drawn within a configured margin-based layout.

AALIMINETI SPOORTHY REDDY
75% match
Loading thumbnail…

ICE 7 Area Chart

This area chart visualizes daily temperatures over the past week, combining a smooth line and an orange filled area beneath it to highlight trends. Built with D3 v5, it uses `scaleTime` and `scaleLinear` for axes, with `area` and `line` generators employing `curveBasis` for smoothing. The SVG renders temperature data parsed from a CSV file, with a black line and shaded region, while custom axis labels and gridlines are styled via CSS.

RReyden Harris
75% match
Loading thumbnail…

Line Area

This visualization displays daily mean temperature changes over time, using a smooth green area chart to emphasize the temperature trend across days. The chart includes labeled axes for days and mean temperature, with a title and formatted tick values. Built with D3 v6, the code imports specific modules like `scaleTime`, `scaleLinear`, `area`, `curveBasis`, and `axisBottom` to generate an SVG rendering. Data is loaded from a CSV file and parsed with a time format. The chart applies margins, grid lines, and axis labels to present the temperature data clearly.

Ssyedhaliz
75% match
Loading thumbnail…

ICE_7_Line_Chart

This visualization shows the average monthly temperature trend as a smooth line chart, with blue strokes highlighting temperature changes over time. The code loads weather data from a CSV file via the GitHub Gist URL, parses date and temperature fields, and aggregates daily readings into monthly averages using d3.rollups. The line is rendered with d3.line and d3.curveMonotoneX, with time and linear scales for axes. The chart includes labeled x- and y-axes, using d3.axisBottom and d3.axisLeft, and is built with D3 v7 within an SVG viewBox.

Jjgaur96@gmail.com
74% match
Loading thumbnail…

Line chart

This line chart visualizes daily mean temperature changes over time, with the x-axis representing days and the y-axis showing mean temperature in degrees. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` APIs to render an SVG path with red strokes. Data is loaded from a CSV file via `d3.csv`, and dates are parsed with `d3.timeParse`. Grid lines are drawn using tick sizes, and axis labels are added manually within the SVG.

KKishen Patel
74% match
Loading thumbnail…

ICE - 7.2 Line Chart

This visualization displays temperature trends across 150 days using a red line chart, with day on the x-axis and temperature on the y-axis. The code loads climate data from a CSV file using d3.csv, then applies d3.scaleLinear for both axes and d3.line to generate the SVG path. Axes are rendered with d3.axisBottom and d3.axisLeft, while axis labels are added as SVG text elements. The chart uses a white background with a light blue page backdrop, and the line has a stroke width of 2.5 pixels.

VVinil Karmilla
74% match