Tell us what works and what could be better. We read every submission.
@VizzzHu·1 public viz
This interactive visualization explores relationships among chemical elements through two coordinated views: a traditional periodic table layout and a circle packing arrangement. Built with D3.js, the project demonstrates data join and enter/update/exit patterns while allowing users to switch between layouts. Each element is represented as a colored circle, with visual encodings tied to properties like classification, state, and atomic weight from the elements.csv dataset. The table layout positions elements by their standard periodic table coordinates, while the circle packing layout groups related elements, with smooth SVG animations transitioning between the two views. Hovering or clicking on elements reveals details such as atomic weight, melting point, and crystal structure. The visualization is designed to explore relationships among chemical elements while serving as a technical reference for D3 data binding patterns. Note: This project is still under construction.