Turbo.js Speed Test

100%

Turbo.js Speed Test

✓ Published0🌍 Public

Last edited Jul 2, 2017

Created on Jul 2, 2017

Two animated bars compare the average execution duration of identical array multiplication tasks in vanilla JavaScript and turbo.js, with a slider controlling the test array length from 1e1 to 1e7 and buttons to start, stop, or reset the benchmark. The SVG chart, built with d3.v4, updates each animation frame as the tests run, displaying the cumulative mean duration per iteration and the iteration count. The vanilla test uses a standard `for...in` loop over a plain array, while the turbo.js test processes its allocated data buffer through a GPU kernel via `turbojs.run`, with results rendered as horizontal rectangles whose widths scale to the measured milliseconds.

AI-generated description

A very bare bones speed test for comparing turbo.js to vanilla.js. Only tested in Chrome on a destop computer.

mit Licensed

Similar vizzes

Loading thumbnail…

D3 Example

A horizontal bar chart compares the operations-per-second benchmark results of 10 JavaScript event-emitting libraries, sorted from fastest to slowest. Rendered as static SVG, the visualization uses D3.js (version 3.5.5) for scales, axes, and data binding, and d3-tip for tooltips that display exact values. The data comes from a CSV file. The x-axis uses SI-prefix formatting (replacing G with B), and the visualization is implemented via `d3.scale.linear`, `d3.scale.ordinal`, and `d3.svg.axis`.

CCurran Kelleher

66% match

Loading thumbnail…

Gist e92adbf79e3256a0d3e222f140a0433b

This example visualizes the relative performance of 16 JavaScript event-emitter libraries across two benchmark scenarios, “emit objects” and “emit one parameter,” using the raw output of the benchmark runner. The data, drawn from a gist by Hypercubed, is rendered as a grouped horizontal bar chart where each bar’s length corresponds to operations per second (ops/sec), with libraries sorted by speed and the fastest highlighted. The chart uses a simple SVG-based custom layout (likely with d3-scale for axes and d3-array for sorting) rather than a high-level charting library, directly mapping the numeric values to pixel widths. The visualization does not show error margins or statistical significance, only the raw ops/sec values and the benchmark’s “Fastest is” annotation for each test.

HHypercubed

65% match

Loading thumbnail…

PowerArray benchmarks

This visualization benchmarks the performance of different `forEach` implementations across arrays and typed arrays, showing that native methods on standard arrays are slower than optimized libraries like lodash, underscore, and fast.js, while PowerArray’s custom method rivals them. The bar chart compares operations per second (ops/sec) for each tested scenario, sourced from a benchmark suite generated by Node.js’s `Benchmark` module. The code uses `Benchmark.Suite` to run trials on plain arrays, `Uint16Array`, and PowerArray instances, with libraries like `fast.js`, `underscore`, `lodash`, and native `Array.prototype.forEach` called directly or via `.call`. Data comes from the gist’s `Results.txt` output, and the visualization likely plots these numeric results to highlight performance gaps.

HHypercubed

63% match

Loading thumbnail…

Performance Visualization Dashboard

This dashboard visualizes runtime performance across frames using three coordinated D3 v6 SVG charts. A bar chart shows functions with the longest total runtime, while a scatter plot details the breakdown of the longest frame by function. An interactive line chart connects performance points over tick time, enabling selection of specific frames. The visualization uses d3.csv for data loading, scaleBand, scalePoint, scaleLinear, axisLeft, axisBottom, and d3.timeParse to structure the CSV data containing Tick, Identifier, and Runtime fields.

IINDIGOBLIN

63% match

Loading thumbnail…

EventsSpeedTests emit objects

The visualization compares JavaScript event emitter libraries by plotting operations-per-second benchmarks from Chrome 50 and Node.js 6.1.0, using a horizontal bar chart. Each bar’s length represents throughput, with a dashed line marking the theoretical maximum. The code uses a custom rendering approach with the Canvas API and `requestAnimationFrame` to draw bars, while data is parsed from the gist’s markdown tables. This highlights MiniSignals as the fastest emitter in both environments, outperforming EventEmitter3 and ReactiveProperty.

HHypercubed

62% match

Loading thumbnail…

Untitled

This example demonstrates bullet charts, a compact visualization for comparing a primary measure against target markers and qualitative ranges. It renders two SVG charts, one for CPU Load and one for Memory Used, using the custom `d3.bullet()` function. The charts are built with D3 v5 and feature an interactive button that triggers a smooth transition, animating the measure bars and markers to new random values over one second via `.transition().duration(1000)`. The code loads data from a local JSON file.

MMusaab Shirgar

62% match

Loading thumbnail…

Gist c0ec6bb768fd2672307b0807e4ee46fb

This example benchmarks four JavaScript loop styles—a standard `for` loop, a reversed `for` loop, a `for…of` loop, and `forEach`—on a fixed array of ten numbers. It measures execution time by repeating each loop a thousand times via `performance.now()` timestamps, accumulating the total milliseconds. The code defines each loop as a separate function and calls them through a `test` helper, logging the sum to the console. The comparison uses a simple in-memory data array, with no external libraries, focusing on raw loop performance in a JavaScript environment.

MMAKIO135

62% match

Loading thumbnail…

timer / fps

This example displays a vertical bar chart of randomly generated line heights, animated by incrementing each line’s y-coordinate in a continuous loop. It shows real-time frame rate in the header, updating every animation tick. The code uses d3.timer to drive the animation, d3.range to create the initial data array, and SVG line elements with attribute updates. Frames per second are calculated from Date.now() timestamps and displayed in a span. The original concept is attributed to an SVG Swarm block.

Aaaizemberg

62% match