Gist 6e70c835e46d4292e11d165fd0f22c77

100%

Gist 6e70c835e46d4292e11d165fd0f22c77

✓ Published0🌍 Public

Last edited Jan 12, 2017

Created on Jan 12, 2017

This example visualizes the number of business days per month in Belgium for 2017, using a custom holiday calendar to exclude public holidays. It shows how many working days each month contains, revealing monthly variation. The code relies on pandas’ `CustomBusinessDay` offset with a `BelgianHolidayCalendar` subclass of `AbstractHolidayCalendar`, defining holidays like Easter Monday and Ascension via `Easter` and `Day` offsets. Business days are generated with `pd.date_range`, then resampled monthly with `.resample('M').count()` to produce the counts. The visualization’s data originates from the calendar logic, not an external dataset.

AI-generated description

Similar vizzes

Loading thumbnail…

D3 line chart: Daily temperature in Belgium for 2021

This visualization displays daily average air temperatures in Belgium throughout 2021, using a red line chart with a natural curve to connect 365 data points. The React-based application loads CSV data from a GitHub gist and renders the chart as SVG using D3 v7 scales (scaleTime, scaleLinear), axes, and the d3.line generator with curveNatural interpolation. The y-axis labels temperature in Celsius, while the x-axis shows time in month-year format, providing a clear overview of seasonal temperature variations across the year.

TTammminana

59% match

Loading thumbnail…

Fork of Daily temperature in Belgium between 2017 and 2021

This fork visualizes daily average air temperatures in Belgium from late 2017 to late 2021 as a smooth line chart. The SVG rendering uses React with D3 v7, employing `scaleTime` and `scaleLinear` for axes, `line()` with `curveNatural` for the path, and data fetched via D3’s `csv` from a Gist. A pale gray grid and labeled axes frame the temporal trend.

Mmartfhill

58% match

Loading thumbnail…

D3 grouped line chart: Daily temperature in Belgium between 2017 and 2021

This example visualizes daily average air temperatures in Belgium from 2017 to 2021, with each year represented as a separate line. The data is loaded from a CSV file using d3.csv, then grouped by year with d3.nest. The chart uses React for rendering SVG elements, with scales from d3.scaleTime and d3.scaleLinear mapping dates and temperatures. Lines are drawn using d3.line with a curveBasis interpolation, and colors are assigned via d3.scaleOrdinal with schemeCategory10. A color legend is generated using a custom d3 selection-based function.

Rrvdv

58% match

Loading thumbnail…

Belgian Map

This animated map of Belgium visualizes the number of emergency calls per municipality over time using D3 v7. Fake CSV data is filtered by timestamp and displayed as expanding and contracting bubbles on an SVG map rendered with `d3.geoMercator` and `d3.geoPath`, using a TopoJSON topology. A retro-style digital clock, built with animated text and a clipping mask, indicates the current time step, while a legend shows the bubble scale.

Sscheenmi@gmail.com

58% match

Loading thumbnail…

D3 line chart: Daily temperature in Belgium for 2021

A D3 line chart displays daily average air temperature in Belgium for 2021 as a single smooth curve, with a time-scaled x-axis and linear temperature y-axis. Built with React, the visualization uses `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` with `curveNatural` to render an SVG path. Data comes from a local CSV file, loaded via `d3.csv`. Axes are custom React components, and the chart includes labeled axes and tick marks.

Rrvdv

57% match

Loading thumbnail…

Calendar Alternate Orientation v4 update

This calendar visualization displays daily fact counts for 2016 as an exploded month grid, with each day colored on a red-to-green scale based on value intensity using a d3.scaleQuantize and a polylinear color gradient. The code uses d3.timeDays, d3.timeMonths, and d3.timeYears to structure the layout, while d3.timeFormat handles date parsing and week/month calculations. A hover tooltip appears via d3.csv-loaded data, and the animation-ready SVG layout arranges months in rows with white grid lines separating cells.

BBBischof

57% match

Loading thumbnail…

Counting Weekdays

This example demonstrates how to count the number of weekdays between any date and January 1, 1970, using the custom `weekday` function, which also provides an `invert` method to reverse the calculation. The code defines helper functions `weekdaysInYear` and `weekdayOfYear` to compute weekday totals per year and per date, accounting for skipped weekends. It relies on the D3.js library’s `d3.time` methods, such as `d3.time.dayOfYear` and `d3.time.year`, to extract day-of-year and year information from JavaScript `Date` objects, enabling accurate weekday arithmetic without external data.

Mmbostock

57% match

Loading thumbnail…

Fork of D3 line chart: Daily temperature in Belgium for 2021

This interactive line chart visualizes daily average air temperatures in Belgium for 2021, plotted by date. The chart uses D3 v7 within a React app, leveraging `d3.scaleTime` and `d3.scaleLinear` for axes with a natural cubic spline curve (`d3.curveNatural`) through the data points. Data is loaded via `d3.csv` from a gist URL. The SVG renders customized tick marks, axis labels, and a temperature line, with the dataset sorted chronologically.

Ssaivinay143

57% match