The avatar for @alancmclean
Alan McLean
Public
Edited
Aug 30, 2019
5 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
blocks = ["▀","▁","▂","▃","▄","▅","▆","▇","█","▉","▊","▋","▌","▍","▎","▏","▐","░","▒","▓","▔","▕","▖","▗","▘","▙","▚","▛","▜","▝","▞","▟"]
Insert cell
Insert cell
customSymbols.split(",")
Insert cell
Insert cell
paddedActiveSymbolSet = activeSymbolSet.push("")
Insert cell
Insert cell
size = width
Insert cell
d3 = require("d3@5")
Insert cell
stars = ["⭒","⭑","✢","✣","✤","✥","✦","✧","✨","✩","✪","✫","✬","✭","✮","✯","✰","✱","✲","✳","✴","✵","✶","✷","✸","✹","✺","✻","✼","✽","✾","✿","❀","❁","❂","❃","❄","❅","❆","❇","❈","❉","❊","❋","❖"]
Insert cell
Insert cell
symbolCollection = ({ mathSymbols: mathSymbols, stars: stars, space: space, shapes: shapes })
Insert cell
Insert cell
Insert cell
import {slider, checkbox, select, text, color} from "@jashkenas/inputs"
Insert cell
margin = ({top: 10, right: 10, bottom: 10, left: 10 })
Insert cell
import {perlin2, perlin3, octave} from "@mbostock/perlin-noise"
Insert cell
import {serialize} from "@mbostock/saving-svg"
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