The Maximum number in prime factorization

100%

The Maximum number in prime factorization

✓ Published0🌍 Public

Last edited Apr 2, 2021

Created on Mar 29, 2021

This example visualizes the largest prime factor of each integer from 2 to 104, plotting circles at coordinates where the x-axis represents the integer and the y-axis is 500 minus ten times that factor. An SVG line chart connects these points, revealing the scattered pattern of maximum prime factors. The code uses D3 v6 to bind the data array to circles via `selectAll` and `data`, positions them with `attr`, and draws the connecting path using `d3.line()`. Each circle responds to `mouseover` by logging its coordinates to the console.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Selected Numbers

This visualization displays seven notable mathematical constants—such as π, e, and √2—as circles positioned along a linear scale representing their numeric values. The chart uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis and `scaleBand` for the categorical y-axis, with dashed grid lines extending from each tick. Data is loaded from a CSV file containing names and numeric properties, and the circles are styled in deeppink with a titled header. The design builds on a prior bar chart example, replacing bars with circles to emphasize the proportional differences among the constants.

EElementargeist

64% match

Loading thumbnail…

Large number of points

A scatterplot displays 50,000 generated points, with color and radius encoding each point’s position in the lower, core, or upper quartile range. Built with D3 v4, the visualization uses SVG circles and an animated transition to update the points when the user edits the quantile, color, or radius values. The x-axis maps the point index, while the y-axis shows the generated normal distribution values, with scales recalculated via the `d3.scaleLinear` and `d3.quantile` APIs.

CCJKraenzle

64% match

Loading thumbnail…

four variations of isprime for the first thousand integers, shuffled and rotated counts don't include original in their counts, but require it

Four variations of the `isprime` function for the first thousand integers are compared, showing how primality changes under digit shuffling, rotation, and reversal. The visualization plots each integer along the x-axis, with rows for the original prime status, the count of shuffled permutations that are prime, the count of rotated permutations that are prime, and whether the reversed digits are prime. The data comes from a CSV file processed with d3.js, using SVG elements to render the scatter-style chart. It highlights which primes remain prime under these digit transformations and which do not.

BBBischof

63% match

Loading thumbnail…

Gaussian Primes - MrWatson after Jason Davies

This visualization plots Gaussian primes as filled squares on the complex plane, with the pattern emerging across a grid of integers. It uses d3.v5 to render the SVG elements, with a custom `isGaussianPrime` function that checks the criteria for primes on the axes and in the interior. The code generates points by iterating over a symmetric range and applies a static rendering, with a circular clipping mask defining the visible area. The implementation follows Jason Davies’ original approach, though the developer notes that a cached prime-checking function underperforms the simpler dynamic version.

RRussell Watson

63% match

Loading thumbnail…

1 Circles with D3

A D3.js data visualization displays fourteen colored circles at fixed positions with varying radii and hex fills across an SVG canvas. The code imports circle data from a separate JavaScript module and uses D3's `select` API with a data join to append and configure each `circle` element. Rendering targets a 960 by 500 pixel SVG, with the visualization defined in a reusable function that binds the dataset to attributes like `cx`, `cy`, `r`, and `fill`.

BBismark Kofi Owusu Sarfo

63% match

Loading thumbnail…

JS arrays

This example shows a horizontal sequence of 15 circles rendered in an SVG canvas, each positioned along the x-axis at intervals of 100 pixels with a fixed radius of 100. The visualization uses the D3.js library (v7.9.0) with its `select` and `range` functions to construct the visualization declaratively. The code appends circles to an SVG element that spans the full width and height of the viewport, using a data-driven approach where each element’s `cx` attribute is computed from its index in the generated data array.

Ppirani.sabah@gmail.com

62% match

Loading thumbnail…

Arrays

This example visualizes a simple array of numeric values as circles rendered in an SVG canvas. The code uses d3.select to create an SVG element sized to the full browser window, then prepares to bind the array data to circle elements. While the circle positioning and styling logic is incomplete, the example demonstrates the foundational pattern of data binding with d3’s selection and data join methods. The array `[2, 1, 3, 20]` serves as the dataset, with d3 version 7.6.1 imported via npm.

SSami Kauhanen-Duac

62% match

Loading thumbnail…

Untitled

The chart demonstrates why mapping values linearly to circle radii distorts data, using four strategies in a horizontal dot plot. Groups with 10, 30, 50, and 100 show that linear radius scaling makes larger values appear disproportionately small, while a square-root-adjusted radius or linear area scaling preserves proportional perception. The visualization uses D3 v5 with `d3.scaleLinear`, `d3.scalePoint`, and `d3.axisTop` to compare encodings, highlighting area as the correct perceptual channel for bubbles.

YYuichi Yazaki

62% match