Skip to main content
SimilarExport ZIP
100%

CS599 - Project 6

✓ Published0🌍 Public
FFedor Sharygin
Last edited Mar 23, 2021
Created on Mar 13, 2021

This example visualizes the distribution of outcomes from a Monte Carlo betting simulation, showing the end result of a $100 starting stake across multiple trials. Users adjust sliders for parameters like number of trials, simulations, bet percentage, win multiplier, blowup chance, and kernel bandwidth, with the chart updating in real time. The visualization combines a density estimate curve, drawn using d3.line with a kernelEpanechnikov estimator and d3.scaleLinear axes, with overlaid scatter circles representing individual simulation results. The code uses D3 v6 to manipulate SVG elements directly.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Brownian

This example uses D3 v7 to create an interactive SVG visualization that simulates Brownian motion and financial inflation/deflation dynamics. A large radial gradient circle follows the mouse cursor, while a separate process runs a Monte Carlo–style simulation using normally distributed random values to model changing notional values and reinvestment components. The visualization renders a dark backdrop with a white-bordered moving circle, updating in real time as the simulation runs. The code relies on D3's selection and join operations to manage dynamic SVG elements, with the simulation state logged to the console at each interval.

IItsTheSmallThings
69% match
Loading thumbnail…

Untitled

This example visualizes the distribution of probability estimates from eight verbal uncertainty phrases (such as “Almost Certainly” and “Almost No Chance”) using kernel density estimation. Each smoothed density curve is colored with a viridis scale based on the group mean, revealing differences in central tendency and spread across categories. The visualization uses D3 v4 to load CSV data from GitHub, compute the means, and render the densities as SVG paths. The kernel density estimator applies an Epanechnikov kernel, while axes, gridlines, and labels are drawn with `d3.axisBottom`, `d3.axisLeft`, and the `d3.scaleSequential` with `d3.interpolateViridis`.

SSimone
68% match
Loading thumbnail…

CS599 Project 5 - Lines

This visualization displays the sales figures of bestselling video games as a horizontal bar chart, with game titles on the Y-axis and sales numbers on the X-axis. It uses D3.js v6 with scaleLinear for the numeric sales axis and scaleBand for categorical game titles, rendering bars as SVG rectangles. Data is loaded from a CSV file using the d3.csv method, and the chart includes formatted axis ticks that abbreviate large numbers (e.g., converting millions to billions) via d3.format.

FFedor Sharygin
66% match
Loading thumbnail…

Document

The visualization generates a random sequence of twenty charts, cycling through line charts, pie charts, and bar charts. Each line chart displays four smoothed monotone curves with colored dots, while the pie chart and bar chart render categorical and time-based data. Built with D3 v4, the code uses `d3.line`, `d3.arc`, and `d3.axisBottom`/`d3.axisLeft` to produce SVG output. Data is procedurally generated using `d3.randomUniform` and `d3.range`, with each chart styled via inline attributes and CSS classes.

DDabbar
66% match
Loading thumbnail…

Document

This visualization uses an animated scatterplot to approximate the Mandelbrot set via a probabilistic Monte Carlo method. For each of 150 epochs, it randomly generates 2,000 points within a fixed coordinate domain and tests whether each point remains bounded after 100 iterations of the complex quadratic map. Points that stay bounded are plotted as small green circles using SVG, while the count of successful points is continuously updated. The chart is built with D3 v5, using `d3.scaleLinear` for axes and `d3.timer` to drive the animation.

NNeeraj Kumar
66% match
Loading thumbnail…

Sample Distribution (Histogram/Kernel/CDF)

This interactive tool visualizes the statistical distribution of a numeric dataset using multiple complementary representations: a histogram, kernel density estimate, cumulative distribution function (CDF), and a rug plot. Users can adjust histogram bin width and toggle between linear and log2 value scales, while enabling the CDF adds a secondary y-axis. The visualization renders with SVG, supports zooming via click-drag on the x-axis, and is animated with transitions. It uses D3.js for scales, layouts, and SVG manipulation, with data loaded from a JSON file.

MMorganhaoyu
65% match
Loading thumbnail…

Sample Distribution (Histogram/Kernel/CDF)

This interactive tool visualizes the statistical distribution of a numeric dataset using multiple complementary representations: a histogram, kernel density estimate, cumulative distribution function (CDF), and a rug plot. Users can adjust histogram bin width and toggle between linear and log2 value scales, while enabling the CDF adds a secondary y-axis. The visualization renders with SVG, supports zooming via click-drag on the x-axis, and is animated with transitions. It uses D3.js for scales, layouts, and SVG manipulation, with data loaded from a JSON file.

MMorganhaoyu
65% match
Loading thumbnail…

Untitled

A kernel density estimation chart displays the distribution of price data from a CSV file, with a smooth green curve showing density across a 0-1000 price range. The visualization uses D3 v6 methods including `scaleLinear`, `axisBottom`, `axisLeft`, and a custom `kernelDensityEstimator` with an Epanechnikov kernel. The SVG rendering is built within a React framework, with axes positioned via margins, and the density curve generated using `d3.line` with `curveBasis` smoothing.

Ssubratanp
65% match