Security News
The Unpaid Backbone of Open Source: Solo Maintainers Face Increasing Security Demands
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
elementari
Advanced tools
Svelte components for interactive periodic tables with heatmaps, scatter+line plots and atomic Bohr model animations.
Interactive Periodic Table component written in Svelte. With scatter plot showing periodicity of elemental properties and Bohr atoms showing electron shell configuration of different elements.
Below a screenshot demonstrating the periodicity of elemental properties, the reason it's called periodic table. In this case, you're seeing recurring bumps and valleys in the first ionization energy as a function of atomic number.
The details page for gold.
npm install --dev elementari
Import the PeriodicTable
component and pass it some heatmap values:
<script>
import PeriodicTable from 'elementari'
const heatmap_values = { H: 10, He: 4, Li: 8, Fe: 3, O: 24 }
</script>
<PeriodicTable {heatmap_values} />
PeriodicTable.svelte
forwards the following events from each ElementTile
:
click
mouseenter
mouseleave
keyup
keydown
Each event is a Svelte dispatch
event with the following detail
payload:
detail: {
element: ChemicalElement
active: boolean // whether the event target tile is currently active
dom_event: Event // the DOM event that triggered the Svelte dispatch
}
See DispatchPayload
and PeriodicTableEvents
in src/lib/index.ts
Statements | Branches | Lines |
---|---|---|
src/lib/element-data.ts
were combined from Bowserinator/Periodic-Table-JSON
under Creative Commons license and robertwb/Periodic Table of Elements.csv
(unlicensed).v0.1.0
14 February 2023
#16
#15
#14
src/lib/element-data.{ts -> yml}
#13
#12
#9
#8
#5
#4
#1
#2
#3
src/lib/element-data.{yml -> ts}
b181839
feeae8f
b148e54
4eace91
664e8f5
71459fa
1921efe
ea7e57f
7649f90
81ce9b3
7867167
mv {ChemicalElement->ElementTile}.svelte
, now controlled externally by PeriodicTable.svelte 9d10109
266fab3
80dcfb0
84060cd
c3580c0
ffe433e
b7d1313
b6cf71a
4f40e97
343662b
b706882
a0b82fd
ebcb0a3
1a76bae
2dbc382
e031919
efd2ed6
c8959ba
e8eb1cf
688a0bd
686c904
7b2b762
<a>
if passed href prop, else <div>
d8643c8
fad1b3a
3033f6e
36e757d
fa81d29
35f7fbe
0bb686b
8ffef5b
8e4c90a
13db2fa
a2dff38
ff3af1a
942719b
6b9f717
39da8c1
0745307
'show_${prop} toggles ${prop} visibility'
and 'applies class active when active=true' fd8c33f
0.3cqw
between element tiles, default is 0.3% of container width aa6b503
d8e15e9
ccb8e02
9501bbb
178c27e
6b3a71d
a80df20
f6f8325
5741f34
abb5152
b70e8bd
2654347
415e788
3511ca4
f901471
b77abe8
edf121d
88a27be
fcd9022
a145443
56ce7e3
14440ae
windowWidth < 1000
to prevent text overflow 905d932
6b2953e
b441c78
853cd18
cdcf92e
89aae68
65fdc41
ac53e0e
c5aacdc
6a4c021
bc100c2
7dae519
92d9941
eca7889
c3a4a0c
2d7eb2f
54084ed
FAQs
Interactive visualizations for materials science: periodic tables, Bohr atoms, nuclei, heatmaps, scatter plots.
The npm package elementari receives a total of 18 weekly downloads. As such, elementari popularity was classified as not popular.
We found that elementari demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
Security News
License exceptions modify the terms of open source licenses, impacting how software can be used, modified, and distributed. Developers should be aware of the legal implications of these exceptions.
Security News
A developer is accusing Tencent of violating the GPL by modifying a Python utility and changing its license to BSD, highlighting the importance of copyleft compliance.