Skip to main content
100%

Triangle Pentagon

✓ Published0🌍 Public
EEndNight95
Last edited Jun 14, 2018
Created on Jun 14, 2018

This example displays a closed polygonal line connecting eight points in a two-dimensional coordinate space, forming a shape reminiscent of a star or a triangle-pentagon hybrid. The visualization uses the D3.js v4 library’s `d3.line()` path generator to convert the array of x-y coordinates into an SVG `path` element, which is then rendered with a blue stroke and no fill. The code appends the SVG container to the document body via `d3.select()`, hardcoding the 1000x1000 pixel canvas and the data points. The geometric pattern is drawn as a single continuous path, illustrating how D3’s line interpolation handles multiple segments within one dataset.

AI-generated description

This block was inspired by examples of data visualization marks and channels from a chapter in Tamara Munzner's book: Visualizaion Analysis and Design.

Created using a d3.svg path generator from this example.

Built with blockbuilder.org

Munzner, T. (2014). Visualization analysis and design. CRC press.

forked from <a href='http://bl.ocks.org/thulse/'>thulse</a>'s block: <a href='http://bl.ocks.org/thulse/64b6dd08b683a05e46a3f0fd20850159'>Triangle Pentagon</a>

mit Licensed

Similar vizzes