Book Image

Haskell Data Analysis Cookbook

By : Nishant Shukla
Book Image

Haskell Data Analysis Cookbook

By: Nishant Shukla

Overview of this book

Table of Contents (19 chapters)
Haskell Data Analysis Cookbook
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Rendering a scatter plot in JavaScript using D3.js


We will use the portable JavaScript library called D3.js to draw a scatter plot. This allows us to easily create a web page that contains a graph from the Haskell code.

Getting ready

An Internet connection is necessary to perform this setup.

Install the d3js Haskell library as follows:

$ cabal install d3js

Create a website template to hold the generated JavaScript code as follows:

$ cat index.html

The JavaScript code will be as follows:

<html>
  <head>
    <title>Chart</title>
  </head>
  <body>
    <div id='myChart'></div>
    <script charset='utf-8' src='http://d3js.org/d3.v3.min.js'></script>
    <script charset='utf-8' src='generated.js'></script>
  </body>
</html>

How to do it…

  1. Import the relevant libraries as follows:

    import D3JS
    import qualified Data.Text as T
    import qualified Data.Text.IO as TIO
  2. Define the scatter plot and feed in the list of points as follows...