wind

100%

✓ Published0🌍 Public

Last edited Nov 30, 2016

Created on Nov 30, 2016

This visualization displays wind speed, wind gust, and solar radiation data from a Wyoming weather station over time. The main chart uses filled areas with black, red, and orange strokes, while a smaller context chart below enables brushing and zooming. Built with D3 v4, it employs d3.brushX and d3.zoom for interactive navigation. A modal help button explains touch gestures, and the data comes from a JSON file containing 15-minute interval observations.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

date2

An interactive time-series dashboard displays wind speed, wind gust, solar radiation, and wind direction data from the Fort Washakie weather station in Wyoming, loaded from a local JSON file. The main chart plots these four metrics as separate colored area charts, each with its own y-axis scale, while a smaller context chart below enables brushing to pan and zoom the focus view. Built with D3 v4, the visualization uses `d3.brushX` for the context selection, `d3.zoom` for panning, and `d3.area` with monotone curve interpolation to render the SVG paths.

TTMoore24

88% match

Loading thumbnail…

Temperature

This interactive D3.js visualization displays temperature, humidity, and precipitation trends over time for a Wyoming weather station, with the main chart incorporating zoom and pan controls via d3.zoom and a brushed context view using d3.brushX. Users can toggle each variable series on and off, and a modal help window explains the controls. The data is loaded from the MesoWest API as JSON, with SVG paths rendered using d3.area with monotone curve interpolation for each metric.

TTMoore24

81% match

Loading thumbnail…

Temp

Using D3.js v4 with an SVG rendering approach, this visualization displays multiple weather variables—air temperature, wind speed, wind gusts, wind direction, relative humidity, solar radiation, and precipitation—from a single weather station in Fort Washakie, Wyoming, over a 24-hour period. The chart employs multiple line series, each mapped to independent linear scales positioned on both the left and right axes to accommodate variable units, with a time scale along the x-axis. The data originates from a JSON file containing observational records from the station, and the code uses D3's time parsing, scale functions, and axis components to construct the plot.

TTMoore24

80% match

Loading thumbnail…

Wind chart

A circular wind rose chart visualizes directional wind speed data as stacked radial bars around a central point, with each bar segment colored by speed category and labeled around the perimeter. Built with D3 v5, the visualization uses `d3.arc()` for the radial segments, `d3.scaleBand()` for angular positioning, and `d3.stack()` to layer the speed components. The data originates from the Data Canvas - Sense Your City project. A legend and circular grid lines with radial axis ticks support interpretation of the magnitude and direction of the wind measurements.

Aask4jm

76% match

Loading thumbnail…

Line Chart

This line chart displays wind speed measurements across the months of 2016, with each data point marked by a red circle that turns blue on hover. The chart uses D3.js v6 with an SVG rendering approach, loading CSV data from a GitHub gist. It applies d3.scaleLinear for both axes, d3.line to generate the path, and d3.csv for data ingestion, while axis ticks are built with d3.axisBottom and d3.axisLeft.

AAllen Ho

72% match

Loading thumbnail…

Wind Rose DateHistogram

A wind rose diagram displays the frequency of wind speeds across 16 compass directions, with stacked colored arcs representing speed bins from 0–1 to 6+ knots. A linked date histogram below shows the monthly total of dead and missing migrants, with a brushable time range that filters the wind rose. The visualization combines React components for the histogram axes and marks with D3 v4 scales, including a custom radial scale from d3-scale-radial.js for the circular layout. Data comes from a CSV file, and rendering uses SVG paths and rectangles.

AAndre J Denais

72% match

Loading thumbnail…

Wind Rose Starter

This wind rose visualization displays the frequency and direction of wind speeds, with eight speed categories (from 0-1 to 6+ units) arranged as concentric rings around a central point. Each of the 16 compass directions (N, NNE, NE, etc.) is represented as a wedge, colored by speed category using `d3.scaleOrdinal()`. The chart uses `d3.arc()` with `innerRadius` and `outerRadius` from a `d3.scaleLinear()` to draw stacked radial bars, and includes circular gridlines and angle labels. Data is loaded from a CSV file with `d3.csv()`, and the visualization is rendered as SVG, with an optional `scaleRadial` function from the included `d3-scale-radial.js` file available for alternative radial scaling.

AAndre J Denais

70% match

Loading thumbnail…

Brush & Zoom line chart

This brush & zoom line chart visualizes hourly environmental data from CIMIS Station 125, plotting multiple meteorological variables such as air temperature, wind speed, and soil temperature over time. The main chart displays the selected time range as a series of colored lines, while a smaller context view beneath it shows the full time series. Users can brush over the context chart to define a focus window, and the main chart responds with a smooth zoom transition, allowing for detailed inspection of specific periods. The visualization, built with D3 v4 and rendered in SVG, uses a shared x-scale for both views, enabling intuitive linking between the overview and detail.

EEfratVil

70% match