Fork of JAva Script basics GT JVK

100%

Fork of JAva Script basics GT JVK

✓ Published0🌍 Public

Last edited Jan 24, 2025

Created on Jan 24, 2025

This example reproduces a Sol LeWitt wall drawing as an SVG bar chart. It loads data from a local CSV file using `d3.dsv` and maps each record to a set of bars, with the x- and y-scales’ domains set from the parsed data. The visualization appends a container `<g>` element via `d3.select` and adds axes, axis labels, and a title, all rendered with SVG primitives. The code is a template skeleton, with placeholder calls for `x.domain()` and `y.domain()`, and the bars are created by selecting existing elements with `selectAll`, indicating an incomplete, instructional implementation.

AI-generated description

A Sol Lewitt ReproductionSol Lewitt art piece

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Sol LeWitt Reproduction Vert

This example reproduces a Sol LeWitt-style artwork as an interactive chart, combining a bar chart and scatter plot to explore categorical and quantitative data. It shows how geometric abstraction can be generated from data, with hovering over bars highlighting them in orange. The code loads CSV data via D3 v6’s `d3.csv` method, converting string values to numbers, then passes the dataset to custom `renderBarChart` and `renderScatterPlot` functions that set up SVG, scales, and axes. While the drawing logic is stubbed out, the structure relies on D3’s data-binding and selection APIs to map values to visual elements.

SSai Hemanth Babu Sunkari

80% match

Loading thumbnail…

Sol LeWitt - SVG Fundamentals

This example presents a two-row bar chart built with raw SVG elements in an HTML document. The graphic visualizes a small static dataset of two named values, 'A' and 'B', using JavaScript to log the data to the console. The rendering relies entirely on the browser's native SVG support, with the page layout set to remove default margins and hide overflow. The code serves as a fundamental demonstration of combining SVG markup with embedded script logic.

Eeric.r.thornhill@gmail.com

78% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This example recreates a Sol LeWitt-inspired drawing using D3 and SVG. It shows a grid of horizontal and vertical bars that are partially hidden by two circular masks, creating a pattern of lines that fade in and out of view. The code uses D3’s `select`, `append`, `range`, and `.join()` API to generate the bars and masks, with the masks defined as SVG elements containing rectangles and circles. The visualization is rendered entirely with vector graphics, using a full-window canvas and a data-driven approach to build the repeating line structure.

Eedw.ext@gmail.com

78% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

A D3.js SVG bar chart displays nine rectangular bars with numerical labels, representing a simple dataset. The chart uses D3's selection and joining methods to create rectangles and text elements, with computed x, y, width, and height attributes from data values. The visualization shows a basic bar chart layout with spacing between bars and labels positioned above each bar. The code leverages D3's data-driven approach to generate chart marks programmatically.

NNixonthiyagesh-Hexa

78% match

Loading thumbnail…

Fork of Fork of Full Sol lewitt reproduction with D3 - not using class JVK

This visualization reproduces a Sol LeWitt wall drawing using D3.js, rendering a grid of horizontal and vertical stripes across the entire browser window. Two SVG masks, each containing a set of geometric symbols, apply contrasting cutout effects to the stripe layers, creating a dynamic interplay between positive and negative space. The code uses D3’s selection, range, and symbol APIs to generate the patterns and masks, with the SVG output sized to the viewport. The artwork draws on LeWitt’s conceptual instructions, here implemented programmatically rather than by hand.

Kkakkanadjoy@yahoo.com

78% match

Loading thumbnail…

Fork of Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt wall drawing using D3.js to generate a dense grid of horizontal and vertical bars, creating an optical pattern of intersecting lines. The bars are rendered as SVG rectangles, with each set of bars repeated across the canvas at regular intervals. Two SVG masks with circular cutouts are applied to the bar groups, revealing and concealing portions of each direction to form a layered, lens-like visual effect. The code uses D3’s `select`, `range`, and `join` API to efficiently build and position the rectangles, and the Canvas API sets the drawing size to the full browser window.

AAaron

77% match

Loading thumbnail…

Fork of Fork of JS and d3

This example is a simple reproduction of a Sol LeWitt-inspired drawing, created with plain JavaScript and the SVG DOM API. It renders 100 vertical rectangles, each 10 pixels wide, spaced 20 pixels apart across a 960 by 500 pixel canvas, filling the viewport without margins. The code directly manipulates SVG elements via `document.createElementNS` and `setAttribute`, demonstrating a minimal, non-D3 approach to generative art. The static composition highlights the geometric repetition characteristic of LeWitt’s wall drawings.

Ppiekarczvk@gmail.com

77% match

Loading thumbnail…

Fork of Fork of Sol LeWitt Reproduction with D3

A fork of the original code reproduces an algorithmic drawing inspired by Sol LeWitt using D3 and SVG rendering. The piece displays a series of vertical and horizontal rectangular bands that form a grid-like pattern, with a circular mask creating a lens effect over the composition. The visible bar chart at the bottom renders a static dataset of nine values using D3's `select` and `join` methods to create SVG rectangles with height proportional to the data. The implementation uses the `d3` library (version 6.6.1) and relies on programmatic SVG construction to generate the visual output.

NNixonthiyagesh-Hexa

77% match