JS Bin

100%

✓ Published0🌍 Public

Last edited Apr 7, 2016

Created on Apr 7, 2016

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.

AI-generated description

Similar vizzes

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

64% match

Loading thumbnail…

AI1.02.11

This example demonstrates a collection of JavaScript utility functions that perform calculations and string manipulations, logging results to the browser console. The code defines functions to compute squares, BMI, arithmetic means, maximum values, string reversal, vowel counts, and palindrome checks. It uses standard JavaScript features like `arguments` objects, `Set` for vowel detection, and array methods (`split`, `reverse`, `join`). While the page loads D3 v7 via a CDN, the visualization itself does not employ any D3 APIs, instead relying solely on vanilla JavaScript logic and console output.

Jjwr2023

58% match

Loading thumbnail…

JS Bin

This example demonstrates a JavaScript function `add10` that returns its input plus ten, with the result 30 logged to the console. The code executes `add10(20)` and prints the output to the browser's console using `console.log`. The implementation is presented in two forms: the compiled "strict" version using `var` and a function expression, and the original source using `const` with an arrow function. The gist contains an HTML file defining the document structure and a JavaScript file with the logic, though no external libraries or data sources are referenced.

JJaxonDvl

57% match

Loading thumbnail…

D3 working days

D3 working days visualizes a full year of daily activity, distinguishing workdays from bank holidays and personal holidays. The SVG animation displays each month as a column of color-coded cells, with days arranged by weekday position and rows wrapping by week. Using D3.js v4 and Moment.js, the code generates all 366 days of 2016, checks each date against two holiday dictionaries, and calculates layout positions for the rectangles. The final render scales to the browser viewport, with the calendar grid revealing the distribution of time off across the year.

AAjayyy

56% match

Loading thumbnail…

JS Bin

This example demonstrates a live counter that updates every second, displaying the number of elapsed seconds in the browser and the console. It uses RxJS’s `Observable.timer` to emit sequential integers, which are mapped to formatted strings. The resulting data stream is subscribed to by two effects: a DOM effect that writes the text into a `#app` container, and a console effect that logs each message. The code separates the main data stream from its side effects, following a simple functional reactive programming pattern.

JJaxonDvl

56% match

Loading thumbnail…

Days per Month

A horizontal bar chart displays the number of days in each month, from January through December, using a teal color scheme with interactive hover highlighting. The visualization uses React 19 with hooks for state management and a ResizeObserver for responsive dimensions, while D3.js v7 handles scales, axes, and SVG rendering. Data loads from a CSV file, and the chart features gridlines, axis labels, and numeric value labels positioned at each bar's end.

CCurran Kelleher

56% match

Loading thumbnail…

Gist 0741f09ac75691d8827393a472500145

This example visualizes daily active user counts by processing a hardcoded dataset of user IDs and their activity dates. It first concatenates all user activity date strings into a single delimiter-separated string, then uses an array of dates generated with Moment.js to count occurrences of each date in that combined string via string splitting and array length arithmetic. The result is a plain object mapping each date to its activity count, computed synchronously within a `console.time` block to measure performance. The visualization relies on native JavaScript array methods and Moment.js date formatting, with no external charting or rendering library involved.

AA6Brgeuka

56% match

Loading thumbnail…

Month Axis

A month axis displays a horizontal time scale spanning the year 2012, with a tick for each month. The code uses `d3.time.scale` to map a date domain to pixel coordinates, `d3.svg.axis` for the bottom-oriented axis, `d3.time.months` for tick spacing, and `d3.time.format` to render month abbreviations as labels. The SVG output places tick text to the right and below each mark.

Mmbostock

55% match