Implementation in D3.js

In this chapter, we will create an animation in D3.js of a Brownian motion random walk simulation. In the simulation, we will control the delay of the animation, the starting point of the random walk, and the tendency of the up-down factor.

First, we need to create an HTML file named Simulation.html and we will run it from Python http.server. In order to run the animation, we just need to open a command terminal and run the following command:

>>python –m http.server 8000

Then, we just need to open a web browser and type http://localhost:8000 and select our HTML file, after that we can see the animation running.

Then, we need to import the D3 library either directly from the website or with a local copy of the d3.v3.min.js file.

<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>

In the CSS, we specified the style for the axis line, the font family, size for the text, and the background color.

<style type="text/css">
body...