Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

cell_svg_modification

Public visualization

Viewing a saved revision (read-only)

e908c6305f4042e6a5355698b9d10dc7

cell_svg_modification

0 stars0🌍 Public
MMinwoo Pak
Last edited Sep 10, 2021
Created on Sep 8, 2021
Forked from D3 Starter

This example demonstrates how to relocate and rescale a pre-existing SVG cell illustration on a webpage. Using D3 v7's selection API, the code applies a `transform` attribute to the entire SVG group, positioning the graphic based on the browser window's dimensions and scaling it up by a factor of 3.5. The original vector paths, with their defined fill colors, are preserved and displayed as a single static cell structure. The example highlights a straightforward technique for modifying the placement of SVG content with D3's `select` function.

AI-generated description

A demonstration of how to start using D3 version 6.