elm-apex-charts-link
Advanced tools
write your charts specifications in elm, export to json and use it via ports or web-components
a tentative solution to using apex charts within the comfort of elm
I wanted to get an easy way to "describe" how the charts should look like and defer the transformation from the "graph description" to the actual Apex JSON to a custom encoder.
At the moment the code looks like this:
Apex.chart
|> Apex.addLineSeries "Connections by week" (connectionsByWeek logins)
|> Apex.addColumnSeries "Connections within office hour for that week" (dayTimeConnectionByWeek logins)
|> Apex.addColumnSeries "Connections outside office hour for that week" (outsideOfficeHourConnectionByWeek logins)
|> Apex.withXAxisType Apex.DateTime
It it still pretty much just a WIP and needs to support more options and more types of charts to be more complete. However it is working fine already as it is.
Once we've got a nice chart description what shall we do with it? This package offers 2 ways of plugging your data to an actual chart: via ports or via a custom-elements.
The first options is achieve by providing a JSON encoder for the charts (see Apex.encodeChart).
The second requires to import and setup the npm companion package: elm-apex-charts-link, once you've set it up you can use the Apex.apexChart.
For a complete example, have a look at /example.
FAQs
write your charts specifications in elm, export to json and use it via ports or web-components
We found that elm-apex-charts-link demonstrated a not healthy version release cadence and project activity because the last version was released 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
Socket CEO Feross Aboukhadijeh discusses open source security challenges, including zero-day attacks and supply chain risks, on the Cyber Security Council podcast.
Security News
Research
Socket researchers uncover how threat actors weaponize Out-of-Band Application Security Testing (OAST) techniques across the npm, PyPI, and RubyGems ecosystems to exfiltrate sensitive data.
Security News
Research
A malicious npm campaign is targeting Ethereum developers by impersonating Hardhat plugins and the Nomic Foundation, stealing sensitive data like private keys.