Skip to main content
Log in
V

Vadym Hrynyk

@vrotik·5 public 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.

May 27, 2020
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.

May 27, 2020
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.

May 27, 2020
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.

May 27, 2020
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.

May 27, 2020