Spaces:
Build error
Build error
Upload 2 files
Browse files- app (3).py +264 -0
- requirements (2).txt +5 -0
app (3).py
ADDED
@@ -0,0 +1,264 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
|
2 |
+
import math
|
3 |
+
from typing import Dict, List, Optional
|
4 |
+
|
5 |
+
import gradio as gr
|
6 |
+
import pandas as pd
|
7 |
+
import numpy as np
|
8 |
+
import matplotlib.pyplot as plt
|
9 |
+
from periodictable import elements
|
10 |
+
|
11 |
+
NUMERIC_PROPS = [
|
12 |
+
("mass", "Atomic mass (u)"),
|
13 |
+
("density", "Density (g/cm^3)"),
|
14 |
+
("electronegativity", "Pauling electronegativity"),
|
15 |
+
("boiling_point", "Boiling point (K)"),
|
16 |
+
("melting_point", "Melting point (K)"),
|
17 |
+
("vdw_radius", "van der Waals radius (pm)"),
|
18 |
+
("covalent_radius", "Covalent radius (pm)"),
|
19 |
+
]
|
20 |
+
|
21 |
+
CURATED_FACTS: Dict[str, List[str]] = {
|
22 |
+
"H": ["Lightest element; ~74% of the visible universe by mass is hydrogen in stars."],
|
23 |
+
"He": ["Inert, used in cryogenics and balloons; second lightest element."],
|
24 |
+
"Li": ["Batteries MVP: lithium-ion cells power phones and EVs."],
|
25 |
+
"C": ["Backbone of life; diamond and graphite are pure carbon with wildly different properties."],
|
26 |
+
"N": ["~78% of Earth's atmosphere is nitrogen (mostly N₂)."],
|
27 |
+
"O": ["Essential for respiration; ~21% of Earth's atmosphere."],
|
28 |
+
"Na": ["Sodium metal reacts violently with water—handle only under oil or inert gas."],
|
29 |
+
"Mg": ["Burns with a bright white flame; used in flares and fireworks."],
|
30 |
+
"Al": ["Light and strong; forms a protective oxide layer that resists corrosion."],
|
31 |
+
"Si": ["Silicon is the basis of modern electronics—hello, semiconductors."],
|
32 |
+
"Cl": ["Powerful disinfectant; elemental chlorine is toxic, compounds are widely useful."],
|
33 |
+
"Ar": ["Argon is used to provide inert atmospheres for welding and 3D printing."],
|
34 |
+
"Fe": ["Core of steel; iron is essential in hemoglobin for oxygen transport."],
|
35 |
+
"Cu": ["Excellent electrical conductor; iconic blue-green patina (verdigris)."],
|
36 |
+
"Ag": ["Highest electrical conductivity of all metals; historically used as currency."],
|
37 |
+
"Au": ["Very unreactive ('noble'); prized for electronics and jewelry."],
|
38 |
+
"Hg": ["Only metal that's liquid at room temperature; toxic—use with care."],
|
39 |
+
"Pb": ["Dense and malleable; toxicity led to phase-out from gasoline and paints."],
|
40 |
+
"U": ["Radioactive; used as nuclear reactor fuel (U-235)."],
|
41 |
+
"Pu": ["Man-made in quantity; key in certain nuclear technologies."],
|
42 |
+
"F": ["Most electronegative element; extremely reactive."],
|
43 |
+
"Ne": ["Neon glows striking red-orange in discharge tubes—classic signs."],
|
44 |
+
"Xe": ["Xenon makes bright camera flashes and high-intensity lamps."],
|
45 |
+
}
|
46 |
+
|
47 |
+
GROUP_FACTS = {
|
48 |
+
"alkali": "Alkali metal: very reactive soft metal; forms +1 cations and reacts with water.",
|
49 |
+
"alkaline-earth": "Alkaline earth metal: reactive (less than Group 1); forms +2 cations.",
|
50 |
+
"transition": "Transition metal: often good catalysts, colorful compounds, multiple oxidation states.",
|
51 |
+
"post-transition": "Post-transition metal: softer metals with lower melting points than transition metals.",
|
52 |
+
"metalloid": "Metalloid: properties between metals and nonmetals; often semiconductors.",
|
53 |
+
"nonmetal": "Nonmetal: tends to form covalent compounds; wide range of roles in biology and materials.",
|
54 |
+
"halogen": "Halogen: very reactive nonmetals; form salts with metals and −1 oxidation state.",
|
55 |
+
"noble-gas": "Noble gas: chemically inert under most conditions; monatomic gases.",
|
56 |
+
"lanthanide": "Lanthanide: f-block rare earths; notable for magnets, lasers, and phosphors.",
|
57 |
+
"actinide": "Actinide: radioactive f-block; includes nuclear fuel materials.",
|
58 |
+
}
|
59 |
+
|
60 |
+
def classify_category(el) -> str:
|
61 |
+
try:
|
62 |
+
if el.block == "s" and el.group == 1 and el.number != 1:
|
63 |
+
return "alkali"
|
64 |
+
if el.block == "s" and el.group == 2:
|
65 |
+
return "alkaline-earth"
|
66 |
+
if el.block == "p" and el.group in (13, 14, 15, 16) and el.metallic:
|
67 |
+
return "post-transition"
|
68 |
+
if el.block == "d":
|
69 |
+
return "transition"
|
70 |
+
if el.block == "p" and el.group == 17:
|
71 |
+
return "halogen"
|
72 |
+
if el.block == "p" and el.group == 18:
|
73 |
+
return "noble-gas"
|
74 |
+
if el.block == "p" and not el.metallic:
|
75 |
+
return "nonmetal"
|
76 |
+
if el.block == "f" and 57 <= el.number <= 71:
|
77 |
+
return "lanthanide"
|
78 |
+
if el.block == "f" and 89 <= el.number <= 103:
|
79 |
+
return "actinide"
|
80 |
+
except Exception:
|
81 |
+
pass
|
82 |
+
return "nonmetal" if not getattr(el, "metallic", False) else "post-transition"
|
83 |
+
|
84 |
+
def build_elements_df() -> pd.DataFrame:
|
85 |
+
rows = []
|
86 |
+
for Z in range(1, 119):
|
87 |
+
el = elements[Z]
|
88 |
+
if el is None:
|
89 |
+
continue
|
90 |
+
data = {
|
91 |
+
"Z": el.number,
|
92 |
+
"symbol": el.symbol,
|
93 |
+
"name": el.name.title(),
|
94 |
+
"period": getattr(el, "period", None),
|
95 |
+
"group": getattr(el, "group", None),
|
96 |
+
"block": getattr(el, "block", None),
|
97 |
+
"mass": getattr(el, "mass", None),
|
98 |
+
"density": getattr(el, "density", None),
|
99 |
+
"electronegativity": getattr(el, "electronegativity", None),
|
100 |
+
"boiling_point": getattr(el, "boiling_point", None),
|
101 |
+
"melting_point": getattr(el, "melting_point", None),
|
102 |
+
"vdw_radius": getattr(el, "vdw_radius", None),
|
103 |
+
"covalent_radius": getattr(el, "covalent_radius", None),
|
104 |
+
"category": classify_category(el),
|
105 |
+
"is_radioactive": bool(getattr(el, "radioactive", False)),
|
106 |
+
}
|
107 |
+
rows.append(data)
|
108 |
+
df = pd.DataFrame(rows).sort_values("Z").reset_index(drop=True)
|
109 |
+
return df
|
110 |
+
|
111 |
+
DF = build_elements_df()
|
112 |
+
MAX_GROUP = 18
|
113 |
+
MAX_PERIOD = 7
|
114 |
+
|
115 |
+
GRID: List[List[Optional[int]]] = [[None for _ in range(MAX_GROUP)] for _ in range(MAX_PERIOD)]
|
116 |
+
for _, row in DF.iterrows():
|
117 |
+
period, group, Z = int(row["period"]), row["group"], int(row["Z"])
|
118 |
+
if group is None:
|
119 |
+
continue
|
120 |
+
GRID[period-1][group-1] = Z
|
121 |
+
|
122 |
+
LAN = [z for z in DF["Z"] if 57 <= z <= 71]
|
123 |
+
ACT = [z for z in DF["Z"] if 89 <= z <= 103]
|
124 |
+
|
125 |
+
def plot_trend(trend_df: pd.DataFrame, prop_key: str, Z: int, symbol: str):
|
126 |
+
fig, ax = plt.subplots()
|
127 |
+
ax.scatter(trend_df["Z"], trend_df[prop_key])
|
128 |
+
# highlight
|
129 |
+
sel = trend_df.loc[trend_df["Z"] == Z, prop_key]
|
130 |
+
if not sel.empty and not pd.isna(sel.values[0]):
|
131 |
+
ax.scatter([Z], [sel.values[0]], s=80)
|
132 |
+
ax.text(Z, sel.values[0], symbol, ha="center", va="bottom")
|
133 |
+
ax.set_xlabel("Atomic number (Z)")
|
134 |
+
ax.set_ylabel(dict(NUMERIC_PROPS)[prop_key])
|
135 |
+
ax.set_title(f"{dict(NUMERIC_PROPS)[prop_key]} across the periodic table")
|
136 |
+
fig.tight_layout()
|
137 |
+
return fig
|
138 |
+
|
139 |
+
def plot_heatmap(property_key: str):
|
140 |
+
prop_label = dict(NUMERIC_PROPS)[property_key]
|
141 |
+
grid_vals = np.full((MAX_PERIOD, MAX_GROUP), np.nan, dtype=float)
|
142 |
+
for r in range(MAX_PERIOD):
|
143 |
+
for c in range(MAX_GROUP):
|
144 |
+
z = GRID[r][c]
|
145 |
+
if z is None:
|
146 |
+
continue
|
147 |
+
val = DF.loc[DF['Z'] == z, property_key].values[0]
|
148 |
+
if not pd.isna(val):
|
149 |
+
grid_vals[r, c] = float(val)
|
150 |
+
|
151 |
+
fig, ax = plt.subplots()
|
152 |
+
im = ax.imshow(grid_vals, origin="upper", aspect="auto")
|
153 |
+
ax.set_xticks(range(MAX_GROUP))
|
154 |
+
ax.set_xticklabels([str(i) for i in range(1, MAX_GROUP+1)])
|
155 |
+
ax.set_yticks(range(MAX_PERIOD))
|
156 |
+
ax.set_yticklabels([str(i) for i in range(1, MAX_PERIOD+1)])
|
157 |
+
ax.set_xlabel("Group")
|
158 |
+
ax.set_ylabel("Period")
|
159 |
+
ax.set_title(f"Periodic heatmap: {prop_label}")
|
160 |
+
fig.colorbar(im, ax=ax, label=prop_label)
|
161 |
+
fig.tight_layout()
|
162 |
+
return fig
|
163 |
+
|
164 |
+
def element_info(z_or_symbol: str):
|
165 |
+
try:
|
166 |
+
if z_or_symbol.isdigit():
|
167 |
+
Z = int(z_or_symbol)
|
168 |
+
_ = elements[Z]
|
169 |
+
else:
|
170 |
+
el = elements.symbol(z_or_symbol)
|
171 |
+
Z = el.number
|
172 |
+
except Exception:
|
173 |
+
return f"Unknown element: {z_or_symbol}", None, None
|
174 |
+
|
175 |
+
row = DF.loc[DF['Z'] == Z].iloc[0].to_dict()
|
176 |
+
symbol = row['symbol']
|
177 |
+
|
178 |
+
facts = []
|
179 |
+
facts.extend(CURATED_FACTS.get(symbol, []))
|
180 |
+
facts.append(GROUP_FACTS.get(row['category'], None))
|
181 |
+
facts = [f for f in facts if f]
|
182 |
+
|
183 |
+
props_lines = [
|
184 |
+
f"{row['name']} ({symbol}), Z = {Z}",
|
185 |
+
f"Period {int(row['period'])}, Group {row['group']}, Block {row['block']} | Category: {row['category'].replace('-', ' ').title()}",
|
186 |
+
f"Atomic mass: {row['mass'] if row['mass'] else '—'} u",
|
187 |
+
f"Density: {row['density'] if row['density'] else '—'} g/cm³",
|
188 |
+
f"Electronegativity: {row['electronegativity'] if row['electronegativity'] else '—'} (Pauling)",
|
189 |
+
f"Melting point: {row['melting_point'] if row['melting_point'] else '—'} K | Boiling point: {row['boiling_point'] if row['boiling_point'] else '—'} K",
|
190 |
+
f"vdW radius: {row['vdw_radius'] if row['vdw_radius'] else '—'} pm | Covalent radius: {row['covalent_radius'] if row['covalent_radius'] else '—'} pm",
|
191 |
+
f"Radioactive: {'Yes' if row['is_radioactive'] else 'No'}",
|
192 |
+
]
|
193 |
+
info_text = "\n".join(props_lines)
|
194 |
+
facts_text = "\n• ".join(["Interesting facts:"] + facts) if facts else "No fact on file—still cool though!"
|
195 |
+
|
196 |
+
prop_key = 'electronegativity' if not pd.isna(row['electronegativity']) else 'mass'
|
197 |
+
trend_df = DF[['Z', 'symbol', prop_key]].dropna()
|
198 |
+
fig = plot_trend(trend_df, prop_key, Z, symbol)
|
199 |
+
|
200 |
+
return info_text, facts_text, fig
|
201 |
+
|
202 |
+
def handle_button_click(z: int):
|
203 |
+
return element_info(str(z))
|
204 |
+
|
205 |
+
def search_element(query: str):
|
206 |
+
query = (query or '').strip()
|
207 |
+
if not query:
|
208 |
+
return gr.update(), gr.update(), gr.update()
|
209 |
+
return element_info(query)
|
210 |
+
|
211 |
+
with gr.Blocks(title="Interactive Periodic Table") as demo:
|
212 |
+
gr.Markdown("# 🧪 Interactive Periodic Table\nClick an element or search by symbol/name/atomic number.")
|
213 |
+
|
214 |
+
with gr.Row():
|
215 |
+
with gr.Column(scale=2):
|
216 |
+
gr.Markdown("### Main Table")
|
217 |
+
with gr.Row():
|
218 |
+
for g in range(1, 19):
|
219 |
+
gr.Markdown(f"**{g}**")
|
220 |
+
for r in range(MAX_PERIOD):
|
221 |
+
with gr.Row():
|
222 |
+
for c in range(MAX_GROUP):
|
223 |
+
z = GRID[r][c]
|
224 |
+
if z is None:
|
225 |
+
gr.Button("", interactive=False)
|
226 |
+
else:
|
227 |
+
sym = DF.loc[DF['Z'] == z, 'symbol'].values[0]
|
228 |
+
btn = gr.Button(sym)
|
229 |
+
btn.click(handle_button_click, inputs=[gr.Number(z, visible=False)], outputs=[
|
230 |
+
gr.Textbox(interactive=False), gr.Markdown(), gr.Matplotlib()])
|
231 |
+
|
232 |
+
gr.Markdown("### f-block (lanthanides & actinides)")
|
233 |
+
with gr.Row():
|
234 |
+
for z in LAN:
|
235 |
+
sym = DF.loc[DF['Z'] == z, 'symbol'].values[0]
|
236 |
+
btn = gr.Button(sym)
|
237 |
+
btn.click(handle_button_click, inputs=[gr.Number(z, visible=False)], outputs=[
|
238 |
+
gr.Textbox(interactive=False), gr.Markdown(), gr.Matplotlib()])
|
239 |
+
with gr.Row():
|
240 |
+
for z in ACT:
|
241 |
+
sym = DF.loc[DF['Z'] == z, 'symbol'].values[0]
|
242 |
+
btn = gr.Button(sym)
|
243 |
+
btn.click(handle_button_click, inputs=[gr.Number(z, visible=False)], outputs=[
|
244 |
+
gr.Textbox(interactive=False), gr.Markdown(), gr.Matplotlib()])
|
245 |
+
|
246 |
+
with gr.Column(scale=1):
|
247 |
+
search = gr.Textbox(label="Search (symbol/name/Z)", placeholder="e.g., C, Iron, 79")
|
248 |
+
info = gr.Textbox(label="Properties", lines=10, interactive=False)
|
249 |
+
facts = gr.Markdown("Select an element to see fun facts.")
|
250 |
+
trend = gr.Matplotlib()
|
251 |
+
|
252 |
+
search.submit(search_element, inputs=[search], outputs=[info, facts, trend])
|
253 |
+
|
254 |
+
gr.Markdown("### Trend heatmap")
|
255 |
+
prop = gr.Dropdown(choices=[k for k, _ in NUMERIC_PROPS], value="electronegativity", label="Property")
|
256 |
+
heat = gr.Matplotlib()
|
257 |
+
|
258 |
+
def heatmap_callback(property_key):
|
259 |
+
return plot_heatmap(property_key)
|
260 |
+
prop.change(heatmap_callback, inputs=[prop], outputs=[heat])
|
261 |
+
heat.update(plot_heatmap("electronegativity"))
|
262 |
+
|
263 |
+
if __name__ == "__main__":
|
264 |
+
demo.launch()
|
requirements (2).txt
ADDED
@@ -0,0 +1,5 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
gradio>=4.29.0
|
2 |
+
pandas>=2.2.2
|
3 |
+
periodictable>=1.6.1
|
4 |
+
numpy>=1.26.0
|
5 |
+
matplotlib>=3.8.0
|