29:null 2a:["$","title",null,{"children":"Random Circles | Charles Redmond | Observable"}] 2d:{"id":"dd14624d4339fcb3","slug":"random-circles","title":"Random Circles","thumbnail":"8c437bdecc8a360f62c3594f2f3be2306f26f5e74323f36eb3b8a0052caaa47b","access_level":"public","create_time":"$D2020-08-23T15:46:00.006Z","update_time":"$D2020-08-23T15:52:13.857Z","view_time":null,"first_public_time":"$D2020-08-23T16:02:33.441Z","fork":{"id":"d0bf757895a9a3f9","slug":"template","title":"Template","owner":{"id":"66151b62b45d9fca","login":"credmond","name":"Charles Redmond"}},"stars":0,"starred":false,"owner":{"type":"team","id":"66151b62b45d9fca","login":"credmond","name":"Charles Redmond","avatar_url":"https://avatars-next.observableusercontent.com/50425ed9f407a7b47d1c471a09963f335e0652ab9acc237869e2d7949fb04a77","tier":"starter_2024"},"version":58,"publish_version":58,"role":null,"authored":false,"authors":[{"type":"individual","id":"37a987477e8b6db3","login":"credmond","name":"Charles Redmond","avatar_url":"https://avatars-next.observableusercontent.com/50425ed9f407a7b47d1c471a09963f335e0652ab9acc237869e2d7949fb04a77","tier":null}],"editors":[{"type":"individual","id":"37a987477e8b6db3","login":"credmond","name":"Charles Redmond","avatar_url":"https://avatars-next.observableusercontent.com/50425ed9f407a7b47d1c471a09963f335e0652ab9acc237869e2d7949fb04a77","tier":null}],"comments":[],"trashed":false,"subscribed":null,"forks":7,"collection":{"id":"83911aebcace17a1","slug":"fall20ds","title":"Fall20DS","owner":{"id":"66151b62b45d9fca","login":"credmond","name":"Charles Redmond"}},"type":"notebook"} 30:[] 2e:{"title":"Random Circles","cells":[{"id":0,"value":"md`# Random Circles`","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"svg = {\n const svg = html``\n const container = d3.select(svg)\n \n for(let i = 0; i < 1000; i = i + 1){\n const x = Math.random()*600\n const y = Math.random()*300\n const r = Math.random()*10\n container.append(\"circle\")\n .attr(\"cx\",x)\n .attr(\"cy\",y)\n .attr(\"r\",r)\n .attr(\"fill\",\"cornflowerblue\")\n .attr(\"stroke\",\"black\")\n .attr(\"opacity\",.5)\n }\n \n \n return svg\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"html`\n

CSS

\n \n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"html`

Libraries

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}