In this example, we demonstrate the visualization of clusters in K-Means clustering. We use the same example as that given in Chapter 2, Clustering, K-Means clustering section (Clustering people based on height and weight).
Follow the given step-by-step guide to come up with a visualization for the previous example using D3.js:
Download the D3.js JavaScript file from https://github.com/mbostock/d3/releases.
You can directly use the web reference as well from http://d3js.org/d3.v3.min.js.
Create a basic HTML file named
kmeans.htmlusing any text editor, as follows:Note
Save
kmeans.htmlin the same directory as the one in whichd3.v3.min.jsresides, or give the path accordingly if you are referencing D3.js as a local resource.<html> <head><meta charset="utf-8"></head> <body> </body> </html>
Add D3.js as a reference in the HTML header, as shown here:
<head> <meta charset="utf-8"> <script...