clone

a browser-first diagram editor with live svg previews, local drafts and encrypted, accountless sharing

main
diagramzip / apps / docs / static / examples / tikz.json
tikz.json 15.3K
1{2 "engine": "tikz",3 "source": "% From: https://tikz.net/periodic-table/\n\n% Adapted from https://texample.net/tikz/examples/periodic-table-of-chemical-elements.\n% All Credit to Ivan Griffin.\n\n\\documentclass[tikz,border=5mm]{standalone}\n\\usetikzlibrary{shapes,calc}\n\n\\begin{document}\n\n\\newcommand{\\ElemLabel}[4]{\n \\begin{minipage}{2.2cm}\n \\centering\n {\\textbf{#1} \\hfill #2}%\n \\linebreak \\linebreak\n {\\textbf{#3}}%\n \\linebreak \\linebreak\n {{#4}}\n \\end{minipage}\n}\n\n\\newcommand{\\NaturalElem}[4]{\\ElemLabel{#1}{#2}{\\huge {#3}}{#4}}\n\n\\newcommand{\\SyntheticElem}[4]{\\ElemLabel{#1}{#2}{\\color{gray}{\\huge #3}}{#4}}\n\n\\begin{tikzpicture}[font=\\sffamily]\n\n % Fill Color Styles\n \\tikzstyle{ElementFill} = [fill=yellow!15]\n \\tikzstyle{AlkaliMetalFill} = [fill=blue!55]\n \\tikzstyle{AlkalineEarthMetalFill} = [fill=blue!40]\n \\tikzstyle{MetalFill} = [fill=blue!25]\n \\tikzstyle{MetalloidFill} = [fill=orange!40]\n \\tikzstyle{NonmetalFill} = [fill=teal!40]\n \\tikzstyle{HalogenFill} = [fill=yellow!40]\n \\tikzstyle{NobleGasFill} = [fill=green!55]\n \\tikzstyle{LanthanideActinideFill} = [fill=red!40]\n\n % Element Styles\n \\tikzstyle{Element} = [ElementFill,\n minimum width=2.5cm, minimum height=2.5cm, node distance=2.75cm]\n \\tikzstyle{AlkaliMetal} = [Element, AlkaliMetalFill]\n \\tikzstyle{AlkalineEarthMetal} = [Element, AlkalineEarthMetalFill]\n \\tikzstyle{Metal} = [Element, MetalFill]\n \\tikzstyle{Metalloid} = [Element, MetalloidFill]\n \\tikzstyle{Nonmetal} = [Element, NonmetalFill]\n \\tikzstyle{Halogen} = [Element, HalogenFill]\n \\tikzstyle{NobleGas} = [Element, NobleGasFill]\n \\tikzstyle{LanthanideActinide} = [Element, LanthanideActinideFill]\n \\tikzstyle{PeriodLabel} = [font={\\sffamily\\LARGE}, node distance=2.0cm]\n \\tikzstyle{GroupLabel} = [font={\\sffamily\\LARGE}, minimum width=2.75cm, node distance=2.0cm]\n\n % Group 1 - IA\n \\node[Element] (H) {\\NaturalElem{1} {1.0079}{H}{Hydrogen}};\n \\node[below of=H, AlkaliMetal] (Li) {\\NaturalElem{3}{6.941}{Li}{Lithium}};\n \\node[below of=Li, AlkaliMetal] (Na) {\\NaturalElem{11}{22.990}{Na}{Sodium}};\n \\node[below of=Na, AlkaliMetal] (K) {\\NaturalElem{19}{39.098}{K}{Potassium}};\n \\node[below of=K, AlkaliMetal] (Rb) {\\NaturalElem{37}{85.468}{Rb}{Rubidium}};\n \\node[below of=Rb, AlkaliMetal] (Cs) {\\NaturalElem{55}{132.91}{Cs}{Caesium}};\n \\node[below of=Cs, AlkaliMetal] (Fr) {\\NaturalElem{87}{223}{Fr}{Francium}};\n\n % Group 2 - IIA\n \\node[right of=Li, AlkalineEarthMetal] (Be) {\\NaturalElem{4}{9.0122}{Be}{Beryllium}};\n \\node[below of=Be, AlkalineEarthMetal] (Mg) {\\NaturalElem{12}{24.305}{Mg}{Magnesium}};\n \\node[below of=Mg, AlkalineEarthMetal] (Ca) {\\NaturalElem{20}{40.078}{Ca}{Calcium}};\n \\node[below of=Ca, AlkalineEarthMetal] (Sr) {\\NaturalElem{38}{87.62}{Sr}{Strontium}};\n \\node[below of=Sr, AlkalineEarthMetal] (Ba) {\\NaturalElem{56}{137.33}{Ba}{Barium}};\n \\node[below of=Ba, AlkalineEarthMetal] (Ra) {\\NaturalElem{88}{226}{Ra}{Radium}};\n\n % Group 3 - IIIB\n \\node[right of=Ca, Metal] (Sc) {\\NaturalElem{21}{44.956}{Sc}{Scandium}};\n \\node[below of=Sc, Metal] (Y) {\\NaturalElem{39}{88.906}{Y}{Yttrium}};\n \\node[below of=Y, LanthanideActinide] (LaLu) {\\NaturalElem{57-71}{}{La-Lu}{Lanthanide}};\n \\node[below of=LaLu, LanthanideActinide] (AcLr) {\\NaturalElem{89-103}{}{Ac-Lr}{Actinide}};\n\n % Group 4 - IVB\n \\node[right of=Sc, Metal] (Ti) {\\NaturalElem{22}{47.867}{Ti}{Titanium}};\n \\node[below of=Ti, Metal] (Zr) {\\NaturalElem{40}{91.224}{Zr}{Zirconium}};\n \\node[below of=Zr, Metal] (Hf) {\\NaturalElem{72}{178.49}{Hf}{Hafnium}};\n \\node[below of=Hf, Metal] (Rf) {\\SyntheticElem{104}{261}{Rf}{Rutherfordium}};\n\n % Group 5 - VB\n \\node[right of=Ti, Metal] (V) {\\NaturalElem{23}{50.942}{V}{Vanadium}};\n \\node[below of=V, Metal] (Nb) {\\NaturalElem{41}{92.906}{Nb}{Niobium}};\n \\node[below of=Nb, Metal] (Ta) {\\NaturalElem{73}{180.95}{Ta}{Tantalum}};\n \\node[below of=Ta, Metal] (Db) {\\SyntheticElem{105}{262}{Db}{Dubnium}};\n\n % Group 6 - VIB\n \\node[right of=V, Metal] (Cr) {\\NaturalElem{24}{51.996}{Cr}{Chromium}};\n \\node[below of=Cr, Metal] (Mo) {\\NaturalElem{42}{95.94}{Mo}{Molybdenum}};\n \\node[below of=Mo, Metal] (W) {\\NaturalElem{74}{183.84}{W}{Tungsten}};\n \\node[below of=W, Metal] (Sg) {\\SyntheticElem{106}{266}{Sg}{Seaborgium}};\n\n % Group 7 - VIIB\n \\node[right of=Cr, Metal] (Mn) {\\NaturalElem{25}{54.938}{Mn}{Manganese}};\n \\node[below of=Mn, Metal] (Tc) {\\NaturalElem{43}{96}{Tc}{Technetium}};\n \\node[below of=Tc, Metal] (Re) {\\NaturalElem{75}{186.21}{Re}{Rhenium}};\n \\node[below of=Re, Metal] (Bh) {\\SyntheticElem{107}{264}{Bh}{Bohrium}};\n\n % Group 8 - VIIIB\n \\node[right of=Mn, Metal] (Fe) {\\NaturalElem{26}{55.845}{Fe}{Iron}};\n \\node[below of=Fe, Metal] (Ru) {\\NaturalElem{44}{101.07}{Ru}{Ruthenium}};\n \\node[below of=Ru, Metal] (Os) {\\NaturalElem{76}{190.23}{Os}{Osmium}};\n \\node[below of=Os, Metal] (Hs) {\\SyntheticElem{108}{277}{Hs}{Hassium}};\n\n % Group 9 - VIIIB\n \\node[right of=Fe, Metal] (Co) {\\NaturalElem{27}{58.933}{Co}{Cobalt}};\n \\node[below of=Co, Metal] (Rh) {\\NaturalElem{45}{102.91}{Rh}{Rhodium}};\n \\node[below of=Rh, Metal] (Ir) {\\NaturalElem{77}{192.22}{Ir}{Iridium}};\n \\node[below of=Ir, Metal] (Mt) {\\SyntheticElem{109}{268}{Mt}{Meitnerium}};\n\n % Group 10 - VIIIB\n \\node[right of=Co, Metal] (Ni) {\\NaturalElem{28}{58.693}{Ni}{Nickel}};\n \\node[below of=Ni, Metal] (Pd) {\\NaturalElem{46}{106.42}{Pd}{Palladium}};\n \\node[below of=Pd, Metal] (Pt) {\\NaturalElem{78}{195.08}{Pt}{Platinum}};\n \\node[below of=Pt, Metal] (Ds) {\\SyntheticElem{110}{281}{Ds}{Darmstadtium}};\n\n % Group 11 - IB\n \\node[right of=Ni, Metal] (Cu) {\\NaturalElem{29}{63.546}{Cu}{Copper}};\n \\node[below of=Cu, Metal] (Ag) {\\NaturalElem{47}{107.87}{Ag}{Silver}};\n \\node[below of=Ag, Metal] (Au) {\\NaturalElem{79}{196.97}{Au}{Gold}};\n \\node[below of=Au, Metal] (Rg) {\\SyntheticElem{111}{280}{Rg}{Roentgenium}};\n\n % Group 12 - IIB\n \\node[right of=Cu, Metal] (Zn) {\\NaturalElem{30}{65.39}{Zn}{Zinc}};\n \\node[below of=Zn, Metal] (Cd) {\\NaturalElem{48}{112.41}{Cd}{Cadmium}};\n \\node[below of=Cd, Metal] (Hg) {\\NaturalElem{80}{200.59}{Hg}{Mercury}};\n \\node[below of=Hg, Metal] (Uub) {\\SyntheticElem{112}{285}{Uub}{Ununbium}};\n\n % Group 13 - IIIA\n \\node[right of=Zn, Metal] (Ga) {\\NaturalElem{31}{69.723}{Ga}{Gallium}};\n \\node[above of=Ga, Metal] (Al) {\\NaturalElem{13}{26.982}{Al}{Aluminium}};\n \\node[above of=Al, Metalloid] (B) {\\NaturalElem{5}{10.811}{B}{Boron}};\n \\node[below of=Ga, Metal] (In) {\\NaturalElem{49}{114.82}{In}{Indium}};\n \\node[below of=In, Metal] (Tl) {\\NaturalElem{81}{204.38}{Tl}{Thallium}};\n \\node[below of=Tl, Metal] (Uut) {\\SyntheticElem{113}{284}{Uut}{Ununtrium}};\n\n % Group 14 - IVA\n \\node[right of=B, Nonmetal] (C) {\\NaturalElem{6}{12.011}{C}{Carbon}};\n \\node[below of=C, Metalloid] (Si) {\\NaturalElem{14}{28.086}{Si}{Silicon}};\n \\node[below of=Si, Metalloid] (Ge) {\\NaturalElem{32}{72.64}{Ge}{Germanium}};\n \\node[below of=Ge, Metal] (Sn) {\\NaturalElem{50}{118.71}{Sn}{Tin}};\n \\node[below of=Sn, Metal] (Pb) {\\NaturalElem{82}{207.2}{Pb}{Lead}};\n \\node[below of=Pb, Metal] (Uuq) {\\SyntheticElem{114}{289}{Uuq}{Ununquadium}};\n\n % Group 15 - VA\n \\node[right of=C, Nonmetal] (N) {\\NaturalElem{7}{14.007}{N}{Nitrogen}};\n \\node[below of=N, Nonmetal] (P) {\\NaturalElem{15}{30.974}{P}{Phosphorus}};\n \\node[below of=P, Metalloid] (As) {\\NaturalElem{33}{74.922}{As}{Arsenic}};\n \\node[below of=As, Metalloid] (Sb) {\\NaturalElem{51}{121.76}{Sb}{Antimony}};\n \\node[below of=Sb, Metal] (Bi) {\\NaturalElem{83}{208.98}{Bi}{Bismuth}};\n \\node[below of=Bi, Metal] (Uup) {\\SyntheticElem{115}{288}{Uup}{Ununpentium}};\n\n % Group 16 - VIA\n \\node[right of=N, Nonmetal] (O) {\\NaturalElem{8}{15.999}{O}{Oxygen}};\n \\node[below of=O, Nonmetal] (S) {\\NaturalElem{16}{32.065}{S}{Sulphur}};\n \\node[below of=S, Nonmetal] (Se) {\\NaturalElem{34}{78.96}{Se}{Selenium}};\n \\node[below of=Se, Metalloid] (Te) {\\NaturalElem{52}{127.6}{Te}{Tellurium}};\n \\node[below of=Te, Metalloid] (Po) {\\NaturalElem{84}{209}{Po}{Polonium}};\n \\node[below of=Po, Metal] (Uuh) {\\SyntheticElem{116}{293}{Uuh}{Ununhexium}};\n\n % Group 17 - VIIA\n \\node[right of=O, Halogen] (F) {\\NaturalElem{9}{18.998}{F}{Fluorine}};\n \\node[below of=F, Halogen] (Cl) {\\NaturalElem{17}{35.453}{Cl}{Chlorine}};\n \\node[below of=Cl, Halogen] (Br) {\\NaturalElem{35}{79.904}{Br}{Bromine}};\n \\node[below of=Br, Halogen] (I) {\\NaturalElem{53}{126.9}{I}{Iodine}};\n \\node[below of=I, Halogen] (At) {\\NaturalElem{85}{210}{At}{Astatine}};\n \\node[below of=At, Element] (Uus) {\\SyntheticElem{117}{292}{Uus}{Ununseptium}};\n\n % Group 18 - VIIIA\n \\node[right of=F, NobleGas] (Ne) {\\NaturalElem{10}{20.180}{Ne}{Neon}};\n \\node[above of=Ne, NobleGas] (He) {\\NaturalElem{2}{4.0025}{He}{Helium}};\n \\node[below of=Ne, NobleGas] (Ar) {\\NaturalElem{18}{39.948}{Ar}{Argon}};\n \\node[below of=Ar, NobleGas] (Kr) {\\NaturalElem{36}{83.8}{Kr}{Krypton}};\n \\node[below of=Kr, NobleGas] (Xe) {\\NaturalElem{54}{131.29}{Xe}{Xenon}};\n \\node[below of=Xe, NobleGas] (Rn) {\\NaturalElem{86}{222}{Rn}{Radon}};\n \\node[below of=Rn, Nonmetal] (Uuo) {\\SyntheticElem{118}{294}{Uuo}{Ununoctium}};\n\n % Period\n \\node[left of=H, PeriodLabel] (Period1) {1};\n \\node[left of=Li, PeriodLabel] (Period2) {2};\n \\node[left of=Na, PeriodLabel] (Period3) {3};\n \\node[left of=K, PeriodLabel] (Period4) {4};\n \\node[left of=Rb, PeriodLabel] (Period5) {5};\n \\node[left of=Cs, PeriodLabel] (Period6) {6};\n \\node[left of=Fr, PeriodLabel] (Period7) {7};\n\n % Group\n \\node[above of=H, GroupLabel] (Group1) {1 \\hfill IA};\n \\node[above of=Be, GroupLabel] (Group2) {2 \\hfill IIA};\n \\node[above of=Sc, GroupLabel] (Group3) {3 \\hfill IIIA};\n \\node[above of=Ti, GroupLabel] (Group4) {4 \\hfill IVB};\n \\node[above of=V, GroupLabel] (Group5) {5 \\hfill VB};\n \\node[above of=Cr, GroupLabel] (Group6) {6 \\hfill VIB};\n \\node[above of=Mn, GroupLabel] (Group7) {7 \\hfill VIIB};\n \\node[above of=Fe, GroupLabel] (Group8) {8 \\hfill VIIIB};\n \\node[above of=Co, GroupLabel] (Group9) {9 \\hfill VIIIB};\n \\node[above of=Ni, GroupLabel] (Group10) {10 \\hfill VIIIB};\n \\node[above of=Cu, GroupLabel] (Group11) {11 \\hfill IB};\n \\node[above of=Zn, GroupLabel] (Group12) {12 \\hfill IIB};\n \\node[above of=B, GroupLabel] (Group13) {13 \\hfill IIIA};\n \\node[above of=C, GroupLabel] (Group14) {14 \\hfill IVA};\n \\node[above of=N, GroupLabel] (Group15) {15 \\hfill VA};\n \\node[above of=O, GroupLabel] (Group16) {16 \\hfill VIA};\n \\node[above of=F, GroupLabel] (Group17) {17 \\hfill VIIA};\n \\node[above of=He, GroupLabel] (Group18) {18 \\hfill VIIIA};\n\n % Lanthanide\n \\node[below of=Rf, LanthanideActinide, yshift=-1cm] (La) {\\NaturalElem{57}{138.91}{La}{Lanthanum}};\n \\node[right of=La, LanthanideActinide] (Ce) {\\NaturalElem{58}{140.12}{Ce}{Cerium}};\n \\node[right of=Ce, LanthanideActinide] (Pr) {\\NaturalElem{59}{140.91}{Pr}{Praseodymium}};\n \\node[right of=Pr, LanthanideActinide] (Nd) {\\NaturalElem{60}{144.24}{Nd}{Neodymium}};\n \\node[right of=Nd, LanthanideActinide] (Pm) {\\NaturalElem{61}{145}{Pm}{Promethium}};\n \\node[right of=Pm, LanthanideActinide] (Sm) {\\NaturalElem{62}{150.36}{Sm}{Samarium}};\n \\node[right of=Sm, LanthanideActinide] (Eu) {\\NaturalElem{63}{151.96}{Eu}{Europium}};\n \\node[right of=Eu, LanthanideActinide] (Gd) {\\NaturalElem{64}{157.25}{Gd}{Gadolinium}};\n \\node[right of=Gd, LanthanideActinide] (Tb) {\\NaturalElem{65}{158.93}{Tb}{Terbium}};\n \\node[right of=Tb, LanthanideActinide] (Dy) {\\NaturalElem{66}{162.50}{Dy}{Dysprosium}};\n \\node[right of=Dy, LanthanideActinide] (Ho) {\\NaturalElem{67}{164.93}{Ho}{Holmium}};\n \\node[right of=Ho, LanthanideActinide] (Er) {\\NaturalElem{68}{167.26}{Er}{Erbium}};\n \\node[right of=Er, LanthanideActinide] (Tm) {\\NaturalElem{69}{168.93}{Tm}{Thulium}};\n \\node[right of=Tm, LanthanideActinide] (Yb) {\\NaturalElem{70}{173.04}{Yb}{Ytterbium}};\n \\node[right of=Yb, LanthanideActinide] (Lu) {\\NaturalElem{71}{174.97}{Lu}{Lutetium}};\n\n % Actinide\n \\node[below of=La, LanthanideActinide, yshift=-1cm] (Ac) {\\NaturalElem{89}{227}{Ac}{Actinium}};\n \\node[right of=Ac, LanthanideActinide] (Th) {\\NaturalElem{90}{232.04}{Th}{Thorium}};\n \\node[right of=Th, LanthanideActinide] (Pa) {\\NaturalElem{91}{231.04}{Pa}{Protactinium}};\n \\node[right of=Pa, LanthanideActinide] (U) {\\NaturalElem{92}{238.03}{U}{Uranium}};\n \\node[right of=U, LanthanideActinide] (Np) {\\SyntheticElem{93}{237}{Np}{Neptunium}};\n \\node[right of=Np, LanthanideActinide] (Pu) {\\SyntheticElem{94}{244}{Pu}{Plutonium}};\n \\node[right of=Pu, LanthanideActinide] (Am) {\\SyntheticElem{95}{243}{Am}{Americium}};\n \\node[right of=Am, LanthanideActinide] (Cm) {\\SyntheticElem{96}{247}{Cm}{Curium}};\n \\node[right of=Cm, LanthanideActinide] (Bk) {\\SyntheticElem{97}{247}{Bk}{Berkelium}};\n \\node[right of=Bk, LanthanideActinide] (Cf) {\\SyntheticElem{98}{251}{Cf}{Californium}};\n \\node[right of=Cf, LanthanideActinide] (Es) {\\SyntheticElem{99}{252}{Es}{Einsteinium}};\n \\node[right of=Es, LanthanideActinide] (Fm) {\\SyntheticElem{100}{257}{Fm}{Fermium}};\n \\node[right of=Fm, LanthanideActinide] (Md) {\\SyntheticElem{101}{258}{Md}{Mendelevium}};\n \\node[right of=Md, LanthanideActinide] (No) {\\SyntheticElem{102}{259}{No}{Nobelium}};\n \\node[right of=No, LanthanideActinide] (Lr) {\\SyntheticElem{103}{262}{Lr}{Lawrencium}};\n\n % Draw dotted lines connecting Lanthanide breakout to main table\n \\draw[thick,dotted] (LaLu.north west) -- (La.north west)\n (LaLu.south west) -- (La.south west);\n % Draw dotted lines connecting Actinide breakout to main table\n \\draw[thick,dotted] (AcLr.north west) -- (Ac.north west)\n (AcLr.south west) -- (Ac.south west);\n\n % Legend\n \\fill[AlkaliMetalFill] ($(La.north -| Fr.west) + (0,1em)$)\n rectangle +(1em, 1em) node[right, yshift=-1.2ex] (AlkaliMetal) {Alkali Metal};\n \\fill[AlkalineEarthMetalFill] ($(AlkaliMetal.west) - (1em,2em)$)\n rectangle +(1em, 1em) node[right, yshift=-1.2ex] (AlkalineEarthMetal) {Alkaline Earth Metal};\n \\fill[MetalFill] ($(AlkalineEarthMetal.west) - (1em,2em)$)\n rectangle +(1em, 1em) node[right, yshift=-1.2ex] (Metal) {Metal};\n \\fill[MetalloidFill] ($(Metal.west) - (1em,2em)$)\n rectangle +(1em, 1em) node[right, yshift=-1.2ex] (Metalloid) {Metalloid};\n \\fill[NonmetalFill] ($(Metalloid.west) - (1em,2em)$)\n rectangle +(1em, 1em) node[right, yshift=-1.2ex] (Non-metal) {Non-metal};\n \\fill[HalogenFill] ($(Non-metal.west) - (1em,2em)$)\n rectangle +(1em, 1em) node[right, yshift=-1.2ex] (Halogen) {Halogen};\n \\fill[NobleGasFill] ($(Halogen.west) - (1em,2em)$)\n rectangle +(1em, 1em) node[right, yshift=-1.2ex] (NobleGas) {Noble Gas};\n \\fill[LanthanideActinideFill] ($(NobleGas.west) - (1em,2em)$)\n rectangle +(1em, 1em) node[right, yshift=-1.2ex] (Lanthanide/Actinide) {Lanthanide/Actinide};\n\n \\node at (Ac -| Fr) [draw, Element, fill=white] (legend) {\\NaturalElem{Z}{mass}{\\LARGE Symbol}{Name}};\n \\node[align=left] at (Ac -| Ra) {black: natural\\\\\\color{gray}gray: man-made};\n\n % Diagram Title\n \\node at (H.west -| Fe.north) [scale=2, font={\\sffamily\\Huge\\bfseries}]\n {Periodic Table of Elements};\n\n\\end{tikzpicture}\n\n\\end{document}\n",4 "sourceKind": "project-example"5}