Mike Bostock

Explore and explain patterns in quantitative data using D3, Vega, and Observable Plot

Observable

Visualization

D3 examples as reusable functions! Ready for import or copy-paste.

D3 Charts

Force-directed graph layout using velocity Verlet integration.

d3-force

Hi! I'm trying to use this code, but the graph is not using "responsive", how do I make one like the one shown here? Thanks!

Setting "100vw" as "width" and "100vh" as "height" solved the problem for now.
Maybe there's a more appropriate way?

in the example above we pass “width” (shorthand for {width: width}, where the width variable is defined—in the context of Observable’s stdlib—as the width of the page. See https://github.com/observablehq/stdlib

In what world is this valid javascript?

You're trying to return a value from a code block which has been assigned to a variable. It almost looks like you're trying to create an arrow function.

Where did you learn to code like this? It's fantastic. I tested some similar code in JSFiddle. Apparently it's totally invalid as javascript. See for yourself. https://jsfiddle.net/4ekrLo5t/

But I see that here, on observablehq, it works.

There is some sort of terrible magic in the air.

ɐʞoʎǝH

Yes! See https://observablehq.com/@observablehq/observables-not-javascript for an overview of that magic.