The avatar for @anna
Anna Kawakami
Published
Edited
Apr 24, 2020
Fork of Narrative chart visualization for text compression
2 stars
Insert cell
md`# Narrative chart visualization for text compression (most recent)`
Insert cell
md`Last updated 24 April 2020`
Insert cell
md`Raw code in [this github repo](https://github.com/abcnews/d3-layout-narrative).
\nNicely annotated raw code [here](https://abcnews.github.io/d3-layout-narrative/#section-24).`
Insert cell
md`**TODO**:
1. ~~Label "scenes".~~
2. Improve readability! Possible improvements:
* Indent long lines: use this?: https://bl.ocks.org/mbostock/7555321.
* Parallel stacking for some scenes (e.g. "officially designated" and "determined that").`
Insert cell
md`## Models for Lines 1 - 5`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
md`## Input data for Lines 1 - 5`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
d3 = window.d3 = await require("d3@3")
Insert cell
lodash = window.lodash = await require("lodash@4/lodash.min.js")
Insert cell
graphlib = lodash, window.graphlib = await require("graphlib@2/dist/graphlib.core.min.js")
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more