Counting Weekdays

100%

Counting Weekdays

✓ Published0🌍 Public

Last edited Jun 20, 2013

Created on Jun 20, 2013

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.

AI-generated description

Similar vizzes

Loading thumbnail…

JS Bin

This example demonstrates a JavaScript utility for calculating the number of days in a given month, using native `Date` objects and arithmetic to compute the difference between the first day of the target month and the first day of the following month. The code defines two functions: `daysThisMonth()` and `daysInMonth(y, m)`, both logging results to the console via `console.log`. The current month’s day count and a manual check for April 2016 are printed, showing the raw month-length values without any visualization or external libraries.

JJaxonDvl

64% match

Loading thumbnail…

Monday-based Calendar

This example shows daily stock price changes for the Dow Jones Industrial Average from 2010, displayed in a calendar view where each cell represents a day and color intensity reflects the percent change between open and close prices. The visualization uses D3.js version 3 with SVG rendering, drawing one calendar per year from 1990 to 2010. Unlike the standard Sunday-based calendar, this adaptation modifies the `day` and `week` functions—using `%W` for Monday-based week numbering and shifting `getDay()` by six—so that weeks begin on Monday. The code uses `d3.time.days` and `d3.time.months` to generate the grid, `d3.scale.quantize` to map returns to colors, and `d3.nest` to aggregate the CSV data by date.

Mmbostock

63% match

Loading thumbnail…

WeekDayChart

This example visualizes the frequency of events across the seven days of the week using a simple bar chart. The chart shows that Wednesday has the highest count at 131, while Friday has the lowest at 1. The visualization is built with D3 v4, using `d3.scaleBand` for the x-axis day categories and `d3.scaleLinear` for the y-axis frequency scale. Bars are rendered as SVG `rect` elements, and the chart includes hover effects that change bar color from steelblue to brown. The data is hardcoded in a `flatDays` array, and the y-axis is labeled "Frequency."

JJoelGallagher

60% match

Loading thumbnail…

Calendar View

This calendar view visualizes daily Dow Jones index changes from 1990 to 2010 as colored cells arranged by week, month, and year. Each day’s percentage change between open and close is quantized into an eleven-step diverging color scale from Cynthia Brewer. The code loads CSV data with d3.csv, nests it by date using d3.nest, and renders SVG rectangles positioned by d3.timeWeek and d3.timeDay calculations, with month outlines drawn via d3.timeMonths paths.

Mmbostock

59% match

Loading thumbnail…

Gist 6e70c835e46d4292e11d165fd0f22c77

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.

JJonasHeylen

57% match

Loading thumbnail…

week selector

The example shows a reusable week selector widget that displays a current week number and lets users navigate between weeks 1 and 52 using left and right arrows. It renders three selectors at different sizes and positions to demonstrate scalability. The code uses D3 v4 with SVG, appending text elements for arrows and the week label. The `change_week` function updates the week, clamping it within the valid range, and `refresh_week` rebinds the data to update the displayed text. The widget is styled with monospace font and a `noselect` class to prevent text highlighting.

BBrunoDumas

57% match

Loading thumbnail…

Simple Custom Time Formats with D3 V4

This example demonstrates how D3’s time scale and axis can be customized to display different date-time formats depending on the temporal granularity, such as milliseconds, seconds, minutes, hours, days, weeks, months, or years. It uses D3 v4’s `d3.axisBottom` with a custom `multiFormat` function that conditionally applies format specifiers from `d3.timeFormat` based on the interval between ticks. The data domain spans a single day from January 1, 2000, rendered as an SVG with margins and a 960x500 canvas. The code leverages `d3.timeSecond`, `d3.timeMinute`, `d3.timeHour`, `d3.timeDay`, `d3.timeWeek`, `d3.timeMonth`, and `d3.timeYear` for comparisons, providing a clear hierarchy of time labels.

FFasani

57% match

Loading thumbnail…

Gist 42c5413995001df2d448d010b837dc33

This example visualizes daily user activity by counting how many user records reference each date. It shows a timeline of update frequencies derived from a hardcoded JavaScript object mapping user IDs to date-keyed booleans. The code builds a string of user IDs and their associated dates, then uses `String.split(date)` on that concatenated string to count occurrences of each date in the `updates` object. It relies on the Moment.js library to generate the last ten dates via `moment().subtract()` and formats them as `DD-MM-YYYY`. The rendering itself is absent—the example focuses solely on data aggregation logic, with no charting or DOM output.

AA6Brgeuka

56% match