Resizing Scatter Plot
This responsive scatter plot visualizes the periodic table, with each element positioned by atomic number and mass, colored by CPK conventions, and sized according to atomic radius. Built with D3 v4 and SVG, the visualization is implemented as a reusable function that adapts to the container’s dimensions on window resize. The dataset comes from a GitHub repository of periodic table properties. Circles are color-coded by element type and scaled by atomic radius, providing an at-a-glance view of elemental trends. The code is MIT licensed and forked from Curran's Stylized Scatter Plot with Color Legend.
AI-generated descriptionBuilt with blockbuilder.org
Make the visualization into a function that can be resposive to a web page.
This data is from GitHub - andrejewski, periodic-table/data.csv. This dataset is a list of elements in the periodic table and their characteristics.
The color scheme uses the CPK Coloring for atoms and the circle size is relative to the atom size.
forked from curran's block: Stylized Scatter Plot with Color Legend
forked from <a href='http://bl.ocks.org/apratt2003/'>apratt2003</a>'s block: <a href='http://bl.ocks.org/apratt2003/4a74cc4d8421f1053b959f6e81c5c0f2'>Periodic Table Scatter Plot</a>