Gist 1df8fd0f770b319d9395

100%

Gist 1df8fd0f770b319d9395

✓ Published0🌍 Public

Last edited Jan 24, 2015

Created on Jan 24, 2015

This visualization maps monthly zonal wind data from a NetCDF file, showing how wind values vary by latitude, longitude, and time. It converts the NetCDF’s multidimensional array into a flat CSV table with columns for lat, lon, month, and value, using the `netCDF4` library’s `Dataset` and `variables` to access the `uwnd` array. The code iterates through time steps after a 731-month offset, writing each grid point with `csv.writer`, and adjusts longitudes by subtracting 180 degrees for a shifted projection. The output supports subsequent plotting or analysis of wind patterns over time.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist ddc6d50c313ebe6edb45519f43358c6c

The visualization displays monthly and seasonal global temperature anomalies from 1880 onward, using data from the `temperatures.csv` file. It builds a compact heatmap-style or sparkline-based grid, with each row representing a year and each cell showing the temperature deviation. The implementation uses D3.js to parse the CSV data and render the graphic, leveraging SVG or canvas primitives to represent the numeric values across the various time columns. The code processes the tabular data directly, mapping the values to visual elements through D3’s data-binding and layout functions.

Mmbostock

67% match

Loading thumbnail…

Gist 798b9a5ccb654ceebb5b29ce680c5707

This visualization presents a week of daily weather data for a single location, using a circular timeline to encode conditions such as temperature, humidity, wind, and cloud cover. Each day is a concentric ring, with hourly metrics plotted as colored arcs or bars. The code relies on D3.js for layout and rendering, specifically using `d3.forceSimulation` to position labels and `d3.scaleTime` for temporal axes. Data comes from a local JSON file containing Dark Sky API-style forecast fields, rendered in an SVG canvas.

MMbrownshoes

64% match

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

63% match

Loading thumbnail…

wind

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.

TTMoore24

62% match

Loading thumbnail…

Gist 9c71a22865403f89b4fad8c8cba86cbd

This visualization maps 282,322 historical ship logbook entries from the CLIWOC21 dataset, displaying their geographic positions and associated meteorological and navigational attributes. Using GeoPandas to read the GeoPackage file and MovingPandas for trajectory analysis, the notebook loads and inspects the data’s coordinate reference system (EPSG:4326) before plotting. The map reveals global shipping routes and weather observations, with each point representing a recorded position, while the extensive column list—covering variables like wind speed, temperature, and ship details—highlights the dataset’s richness for studying historical climate and maritime conditions.

FFrieseWoudloper

62% match

Loading thumbnail…

Radial Bar Chart/Wind Rose/Compass Chart

A wind rose-style radial bar chart displays directional data (North, East, South, West) across four seasons from a CSV file. The chart renders as equal-width wedges around a central point, with four dashed grid circles and curved text labels indicating percentage thresholds. Clicking any wedge triggers an animated transition that cycles through the seasonal data series. The visualization uses D3.js 3.5.5 with `d3.svg.arc`, `d3.layout.pie`, and `transition().attrTween`-style updates to smoothly reshape the bars between seasons.

Aandrew-reid

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

61% match

Loading thumbnail…

Small Multiples

This small multiples chart displays average wind speed by month for ten different cities, with each city’s time series shown in a separate SVG panel. The visualization uses d3.v6 to load CSV weather data via d3.csv, group records by station city using d3.group, and render each line with d3.line. A shared ordinal color scale maps cities to distinct hues, and a legend generated with the d3-legend library identifies each color. Axes are drawn using d3.axisBottom and d3.axisLeft, while hover interactions are implemented with CSS on the line dots.

AAllen Ho

61% match