gaoqing027

@gaoqing027·3 public vizzes

testD3 Sol LetWitt Reproduction

This example reproduces a Sol LeWitt-style drawing using D3.js, where a grid of horizontal and vertical rectangles is rendered in SVG. The code uses `d3.select` to append an SVG canvas and `d3.range` to generate 100 equal intervals, creating thin striped bars. Two masks, each containing a circle, control visibility: one mask makes the horizontal bars disappear outside a central circle while the other does the opposite for vertical bars, producing an overlapping circular pattern. The dimensions adapt to the full browser window.

Jul 18, 2023

Loading thumbnail…

Fork of testD3

This example demonstrates the basic setup of a D3.js version 7 project, rendering an empty page with a large, centered text area. The code imports the `select` function from the D3 library and logs it to the console, while also calculating the browser window dimensions using `window.innerWidth` and `window.innerHeight`. The `index.html` file includes the D3 script from a CDN and loads a bundled JavaScript file, showing how to structure a minimal D3 application with a simple CSS-styled body.

Jul 18, 2023

Loading thumbnail…

testD3

A minimal test of D3 version 7 displays the word "Hello D3 version 7" centered on a blank page, with the body styled at a massive 13em font size. The page loads D3 from a CDN and runs a script that imports the `select` function from the library and logs it to the console. The code imports `select` but does not yet use it to render text, leaving the visible output dependent on the default empty body. The example demonstrates a basic setup for integrating D3 with an HTML page.

Jul 18, 2023