d3-pca

d3-pca

Principal component analysis plugin for D3.js (v4)

Demo

https://likr.github.io/d3-pca

Example

import * as d3 from 'd3'
import {Renderer, PCA} from '../src'

d3.csv('data.csv')
  .row((d) => {
    const obj = {
      name: d.name,
      values: {}
    }
    for (const key in d) {
      if (key !== 'name') {
        obj.values[key] = +d[key]
      }
    }
    return obj
  })
  .get((errors, data) => {
    const p = 0.98
    const pca = new PCA(data)
    const lambda = pca.lambda()
    const sumLambda = lambda.reduce((a, x) => a + x)
    const renderer = new Renderer().size([400, 400])

    let i
    let acc = 0
    for (i = 0; i < lambda.length; ++i) {
      acc += lambda[i]
      if (acc > sumLambda * p) {
        break
      }
    }
    const n = i + 1
    for (let i = 0; i < n; ++i) {
      for (let j = i + 1; j < n; ++j) {
        d3.select('body')
          .append('svg')
          .datum(pca.get(i, j))
          .call(renderer.render())
      }
    }
  })

Running example

Run following commands and open http://localhost:8080/.

$ git clone https://github.com/likr/d3-pca
$ cd d3-pca
$ npm i
$ npm start