jakl

var twtxt = require('twitter-text')

// Input / output user facing elements
var explanation = document.createElement('div')
var input = document.createElement('input')
var output = document.createElement('div')
document.body.appendChild(explanation)
document.body.appendChild(input)
document.body.appendChild(output)

jakl

<style type='text/css'> html, body { margin: 0; padding: 0; border: 0; } </style>

jakl

{
 "name": "flare",
 "children": [
  {
   "name": "analytics",
   "children": [
    {
     "name": "cluster",
     "children": [
      {"name": "AgglomerativeCluster", "size": 3938},

jakl

{
 "name": "flare",
 "children": [
  {
   "name": "analytics",
   "children": [
    {
     "name": "cluster",
     "children": [
      {"name": "AgglomerativeCluster", "size": 3938},

jakl

This simple bar chart is constructed from a TSV file storing the frequency of letters in the English language. The chart employs conventional margins and a number of D3 features:

• d3.tsv - load and parse data
• d3.format - format percentages
• d3.scale.ordinal - x-position encoding
• d3.scale.linear - y-position encoding
• d3.max - compute domains
• d3.svg.axis - display axes

jakl

This example demonstrates plotting Oakland's crime data as a per-day heatmap.