# Periodic Table Studio

Explore a clickable periodic table with live element details, color modes, and linked electron configuration data

> Canonical page: https://elysiatools.com/en/tools/periodic-table-studio

- **Category:** Science & Education

- **Keywords:** periodic table, chemistry, elements, electron configuration, atomic weight

## Overview

Periodic Table Studio is an interactive, clickable periodic table designed to help students, educators, and chemistry enthusiasts explore chemical elements, atomic weights, and electron configurations. Users can search for specific elements, highlight them by atomic number or symbol, and toggle between different color modes like category, state, or block.

## Inputs

- **Selected Element** (text): O or 8
- **Search Query** (text): oxygen
- **Color Mode** (select)

## When to use

- When studying or teaching chemistry and needing a visual, interactive reference for element properties.
- When analyzing electron configurations, atomic weights, and chemical groups for specific elements.
- When comparing elements based on physical states, blocks, or chemical categories using color-coded visualizations.

## How it works

- Enter an element symbol or atomic number in the Selected Element field to focus on a specific element.
- Use the Search Query field to filter or find elements by name or partial text.
- Select a Color Mode (Category, State, or Block) to dynamically update the visual grouping of the periodic table.
- Interact with the generated HTML table to view live details, including electron configurations and atomic weights.

## Use cases

- Visualizing electron configurations for chemistry homework and exam preparation.
- Comparing element properties across different blocks and states of matter during lab research.
- Creating customized, color-coded periodic table views for educational presentations.

## Frequently asked questions

### How can I search for a specific element?

Enter the element's name, symbol, or atomic number in the search query or selected element fields to highlight it.

### What color modes are available?

You can color-code the table by chemical category, physical state of matter, or orbital block (s, p, d, f).

### Does the tool display electron configurations?

Yes, selecting an element displays its detailed electron configuration alongside other atomic properties.

### Can I input an atomic number instead of a symbol?

Yes, the selected element field accepts both chemical symbols like 'O' and atomic numbers like '8'.

### Is this tool suitable for classroom demonstrations?

Yes, the interactive HTML output makes it ideal for displaying on screens during chemistry lectures and study sessions.

## Related tools

- [Coulomb Force Calculator](https://elysiatools.com/en/tools/coulomb-force-calculator): Coulomb's law F = k·|q₁q₂|/r² with signed charges and unit selectors, reporting the force magnitude and whether the pair attracts or repels.
- [Electron Configuration Calculator](https://elysiatools.com/en/tools/electron-configuration-calculator): Look up electron configurations, shell distributions, valence electrons, and orbital diagrams by element symbol or atomic number
- [Quantum Tunneling Probability Calculator](https://elysiatools.com/en/tools/tunneling-probability): Rectangular-barrier WKB T ≈ e^(−2κa) vs exact transmission, reflection R = 1−T, and over-barrier partial reflection for electron, proton, or custom mass.
- [Mendelian Punnett Square Calculator](https://elysiatools.com/en/tools/mendelian-punnett-square): Build a Punnett square for a Mendelian cross and auto-calculate genotype and phenotype ratios. Supports complete dominance, incomplete dominance (blending), codominance, and X-linked (sex-linked) inheritance — with each offspring cell's sex marked for X-linked crosses.
- [Signal Flow Graph Mason Gain Rule Feedback Loop Solver](https://elysiatools.com/en/tools/signal-flow-graph-mason-gain-rule-feedback-loop-solver): Solve control-system signal flow graphs with Mason's gain formula: forward paths, loops, non-touching combinations, Δ/Δk determinants and the exact transfer function.
- [Ampère Force Calculator](https://elysiatools.com/en/tools/ampere-force-calculator): F = B·I·L·sinθ for a current-carrying wire, with unit selectors, the force magnitude, the 90° reference, and the right-hand-rule direction.
- [Electric Potential Calculator](https://elysiatools.com/en/tools/electric-potential-calculator): V = k·Q/r with the sign preserved, plus the electron potential energy U = −e·V in eV — at the Bohr radius this reproduces 27.2114 V, twice hydrogen's ionization energy.
- [Faraday Induction EMF Calculator](https://elysiatools.com/en/tools/faraday-induction-emf): Faraday's law |ε| = N·ΔΦ/Δt with turns, flux, and time selectors, plus the Lenz's-law sign explained — one turn and one weber per second induce exactly one volt.

## Samples

- [Android Image Processing Java Samples](https://elysiatools.com/en/samples/android-image-processing-java): Android Java image processing examples including reading/saving images, scaling, and format conversion
- [Android Image Processing Kotlin Samples](https://elysiatools.com/en/samples/android-image-processing-kotlin): Android Kotlin image processing examples including reading/saving images, scaling, and format conversion
- [Web Image Processing Python Samples](https://elysiatools.com/en/samples/web-image-processing-python): Web Python image processing examples using PIL/Pillow including reading, saving, resizing, and format conversion
- [Web Image Processing Rust Samples](https://elysiatools.com/en/samples/web-image-processing-rust): Web Rust image processing examples including image read/save, scaling, and format conversion

## Related content

- [Chemistry Lab Calculations and Reference](https://elysiatools.com/en/hubs/chemistry-lab-calculations-and-reference): Prepare a traceable stoichiometry or solution plan by checking references, balancing equations, calculating molar quantities, normalizing units, and controlling significant figures.