All charts/Trees & packs

The files of a project

pack: circles in circles, a folder around its files, sized by kilobytes.

1 The data _data/sourcefiles.json json

[
  { "folder": "src",    "file": "parser",     "kb":  48 },
  { "folder": "src",    "file": "lexer",      "kb":  31 },
  { "folder": "src",    "file": "compiler",   "kb":  62 },
  { "folder": "src",    "file": "runtime",    "kb":  39 },
  { "folder": "src",    "file": "cache",      "kb":  12 },
  { "folder": "src",    "file": "errors",     "kb":   9 },
  { "folder": "src",    "file": "util",       "kb":   6 },
  { "folder": "tests",  "file": "parser",     "kb":  34 },
  { "folder": "tests",  "file": "compiler",   "kb":  41 },
  { "folder": "tests",  "file": "runtime",    "kb":  22 },
  { "folder": "tests",  "file": "fixtures",   "kb":  55 },
  { "folder": "docs",   "file": "guide",      "kb":  28 },
  { "folder": "docs",   "file": "reference",  "kb":  44 },
  { "folder": "docs",   "file": "changelog",  "kb":  15 },
  { "folder": "docs",   "file": "faq",        "kb":   7 },
  { "folder": "assets", "file": "logo",       "kb":  18 },
  { "folder": "assets", "file": "screenshot", "kb":  96 },
  { "folder": "assets", "file": "style",      "kb":  11 },
  { "folder": "tools",  "file": "build",      "kb":   4 },
  { "folder": "tools",  "file": "release",    "kb":   8 },
  { "folder": "tools",  "file": "bench",      "kb":  13 }
]

2 The chart tag hierarchy/files.pad pad

{chart 'pack', data='sourcefiles', levels='folder', label='file', value='kb', title='The files of a project by folder, in kilobytes', width=560, height=520}

3 The result inline SVG · no JavaScript