zeta function for positive integers

100%

zeta function for positive integers

✓ Published0🌍 Public

Last edited Apr 8, 2021

Created on Apr 8, 2021

This example plots the Riemann zeta function for positive integer inputs from 1 to 10.99, using a line chart to connect individual data points fetched as JSON from a remote gist. The visualization uses D3 v6 scales (`d3.scaleLinear`) to map the x-axis domain to the full window width and the y-axis to the height, with circles marking each point and an SVG path rendered via `d3.line`. The data is loaded asynchronously using the Fetch API, and the SVG is created and updated with standard D3 selection and join methods.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Working stuff out - zz

This example presents an interactive scatter plot of the auto-mpg dataset, where users can select which numeric column to display on the x- and y-axes via dropdown menus. The visualization uses React for UI components and d3.v5 for rendering SVG circles, axes, and grid lines. Data points are colored based on their x-axis position using a custom color scale, and circles pulse with a brief transition animation when the axis selection changes. The code leverages d3’s `scaleLinear`, `extent`, `axisBottom`, `axisLeft`, and `transition` APIs to update the chart smoothly.

Jjsong

67% match

Loading thumbnail…

test

A line chart displays five data points, connected by a smooth basis-closed curve, within a zoomable and pannable SVG stage. The visualization uses React to manage the interface and D3 for scaling, curve generation, and the zoom interaction. The `d3.zoom` API, applied via a selection, updates a transform state that repositions and scales the chart group. The chart itself renders as a single path element, with its coordinates mapped through linear scales, against a plain background.

Ppsabela

67% match

Loading thumbnail…

Working stuff out - zz

This interactive scatter plot visualizes the relationship between any two numeric variables from the auto-mpg dataset, with dropdown menus enabling users to select which columns appear on the x and y axes. The visualization uses React for menu state management and d3.v5 for SVG rendering, employing scaleLinear, axisLeft, axisBottom, and transition.attrTween for animated circle resizing. Circles are colored with a gradient based on their x-axis position using d3.rgb, and the axes include gridlines and labels.

SSparkler

65% match

Loading thumbnail…

new

This visualization displays a line chart of energy sector intensity forecasts over time, using a dataset from an external JSON API. The x-axis represents forecast years, while the y-axis maps intensity values, with a colored legend distinguishing intensity levels from "Very Low" to "V.High." Built with D3 v6 in a React framework, the code employs `scaleLinear`, `axisBottom`, and `axisLeft` APIs to construct the axes, and `line` with `curveCatmullRom` to draw the smoothed path. Data points are rendered as circles, colored conditionally based on intensity thresholds, with grid lines and labels styled via CSS.

AAkshay

65% match

Loading thumbnail…

Gist bb8fddc4a5fc3cc60c99

A line chart maps a small array of ten numbers to an SVG path, showing how the values fluctuate across a linear sequence. The visualization uses a red, unbroken polyline to emphasize the shape of the data, with the y-axis scaled from the data’s minimum to maximum and the x-axis evenly spaced by index. The code creates the chart using d3.scale.linear for both axes and d3.svg.line to generate the path, which is appended to an SVG container via d3.select and datum. The fixed width and height of 500 pixels define the plotting area, while the stroke and fill styles come from a CSS class.

CCaged

65% match

Loading thumbnail…

D3 Scale Functions

This example demonstrates how D3 scale functions map input data values to visual output positions. It plots a set of numeric data points as circles along a horizontal axis, with each value labeled above its corresponding circle. The code uses `d3.scaleLinear()` to map the domain (0–10) to a pixel range, and renders the result as SVG elements. An axis is added using `d3.axisBottom()`, and the utility function `getScale` supports multiple scale types, including `scaleSqrt`, `scaleLog`, and `scaleBand`, though only linear is actively applied here.

SSubhendu Karmakar

65% match

Loading thumbnail…

Untitled

This example shows a simple scatter plot of 100 randomly generated points, each positioned on a 500-by-500 pixel SVG canvas. The visualization uses D3.js v4 scales and axes to map linear domains to screen coordinates, with red circles drawn for each point. The code appends an SVG group to the page, translates it by a 40-pixel margin, and uses `d3.scaleLinear` for both the x- and y-axes, which are rendered via `d3.axisBottom` and `d3.axisLeft`. Data is created in a loop using `Math.random()`.

Ffay Alomar

64% match

Loading thumbnail…

Lets make me a ZOMBIE d3 js

A horizontal bar chart displays population data for seven countries, with bars extending rightward from a blue axis on a red SVG background. The visualization uses D3 v5 within a React framework, loading CSV data via `d3.csv` and scaling values with `d3.scaleLinear` and `d3.scaleBand`. Axes are rendered using `d3.axisLeft` and `d3.axisBottom`, while rectangle elements encode the population magnitudes. The chart populates dynamically from the data file, with text labels styled at a large font size.

VVPTomi

64% match