Skip to main content
SimilarExport ZIP
100%

InfoVis Master Task - Brain Prints

✓ Published2🌍 Public
VVadym Hrynyk
Last edited May 27, 2020
Created on May 27, 2020

This visualization renders a top-down SVG view of a brain, with a single dark path outlining its folds and contours. The path data appears to be a sequence of coordinates and Bezier curve commands, which are scaled and transformed to fit the canvas. Built with D3 v5, the app draws this static image entirely through SVG path elements, with no interactive behavior or animation. The style is minimal, using a black stroke on a white background to highlight the brain’s structure under the "Brain Prints" title.

AI-generated description

InfoVis

MIT Licensed

Similar vizzes

Loading thumbnail…

InfoVis Master Task - Brain Prints

This visualization renders a top-down SVG view of a brain, with a single dark path outlining its folds and contours. The path data appears to be a sequence of coordinates and Bezier curve commands, which are scaled and transformed to fit the canvas. Built with D3 v5, the app draws this static image entirely through SVG path elements, with no interactive behavior or animation. The style is minimal, using a black stroke on a white background to highlight the brain’s structure under the "Brain Prints" title.

VVadym Hrynyk
100% match
Loading thumbnail…

InfoVis Master Task - Brain Prints

This visualization shows a static side-view silhouette of a human brain, rendered as a dense, black vector path on an SVG canvas. The path data is drawn from a hardcoded geometry that outlines the brain’s complex folds and contours. The code uses D3.js v5 to insert the SVG element, while the `viewBox` and `preserveAspectRatio` attributes handle responsive scaling. Styling is applied via an external CSS file that centers the title and constrains the SVG width.

VVadym Hrynyk
94% match
Loading thumbnail…

InfoVis Master Task - Brain Prints

This example visualizes a human brain as a static side-view SVG line drawing, with the outline rendered in black on a plain background. The visualization uses D3.js v5 to manipulate and display the pre-defined SVG path data embedded directly in the index.html file. The brain shape is structured as a single large path element, scaled and positioned using SVG group transforms. The page includes basic CSS styling to center the title and constrain the SVG display width, demonstrating a straightforward approach to rendering complex anatomical line art without interactive or dynamic data operations.

VVadym Hrynyk
93% match
Loading thumbnail…

InfoVis Master Task - Brain Prints

This interactive visualization presents "Brain Prints," a collection of vector-based brain illustrations rendered as a static SVG display. The code defines each brain using complex path data with absolute coordinates, utilizing cubic Bézier curve commands (c) and line commands (l) to construct the detailed neurological forms. Built with React and D3.js v5, the visualization applies a transformation that scales the coordinate system by 0.1 and flips the y-axis, while the SVG viewBox maintains a 1280x1090 aspect ratio. The CSS constrains the display width to 300 pixels, creating a compact presentation of the intricate brain imagery.

VVadym Hrynyk
91% match
Loading thumbnail…

Fork of InfoVis Master Task - Brain Prints

A static SVG renders a single brain silhouette based on an embedded path dataset. The example uses D3 v5 to select and style the SVG elements, applying a fixed viewBox and geometric transform to scale the path data. No interactive forces, transitions, or data binding are present; the visualization simply displays the preprocessed brain print shape.

HHariprashanth75
88% match
Loading thumbnail…

Data Visualization

This visualization presents a custom SVG drawing of two stylized human figures, composed of black outlined paths, white lines, and colorful ellipses representing facial features and body shapes. The figures are set against a light gray background, with a design that uses a darken blend mode and background blur filters on the paths. The SVG is generated within an HTML page that uses D3.js to load a Netflix dataset from a GitHub gist, displaying the data's size in kilobytes, row count, and column count. The page also includes a separate decorative SVG with colorful shapes and lines.

Hharika-1929
68% match
Loading thumbnail…

Learning D3

This example demonstrates a minimal SVG visualization composed of three horizontal lines, each drawn as a black path across a 960-by-500 viewport. The code uses static path elements with explicit coordinates, showing how basic shapes can be rendered without additional data or interaction. It incorporates an inline SVG in HTML with CSS and JavaScript, serving as a starting point for learning D3. The visualization relies solely on predefined path data, not on D3’s data-binding or scale APIs.

Bbetemaujkardi
67% match
Loading thumbnail…

Scan Path

This example visualizes a user’s eye-tracking scan path over a map of Antwerp, showing fixation points as red circles and the sequence of gaze movement as a connected path. The circle radius scales with fixation duration, while the path’s opacity indicates the trail of saccades. Using D3 v5, the code parses CSV timestamp and coordinate data, then applies `scaleLinear` for x and y mapping and a `line` generator to draw the path. Data is rendered as SVG circles and paths over a background image set via CSS.

BBooRiri
67% match