khalilha

@khalilha·2 public vizzes

Untitled

This example demonstrates how to load and display a single cell from a public Google Sheets document directly in a browser page. The page shows the content of cell A1 rendered as plain text inside a `<pre>` element, with a dark blue background and large Ubuntu font. It uses Google Sheets’ JSON-in-script feed with a callback, and relies on the native `fetch`-like script loading mechanism rather than D3. The code also imports D3’s `select` function in `index.js` to set text on a separate message element, though no such element exists in the HTML.

Nov 17, 2019

Loading thumbnail…

Untitled

This radial hierarchy visualization displays nodes as text labels arrayed around a central point, with curved links connecting them based on their import relationships. The code uses `d3.cluster` to position nodes and `d3.radialLine` with a randomized curve bundle beta value to draw the links, rendered as SVG paths. Node sizes from the JSON data are loaded but not visually encoded. Data comes from a static `data.json` file defining the node names, sizes, and import dependencies.

Nov 5, 2019