Case study
Open source and developer tools
LiveCharts for Phoenix LiveView
We built an open-source Elixir library for displaying charts and updating their data in LiveView applications. A companion demo presents chart types and live updates.
How the workflow fits together.
- 01
Define chart data
- 02
Render through an adapter
- 03
Update the LiveView chart
The workflow
LiveView applications need a way to coordinate server-side chart configuration with a JavaScript renderer. The library provides a chart structure and an adapter boundary for that connection.
Our contribution
We built the Elixir chart library and a companion demonstration application. The chart structure holds configuration and series data, with ApexCharts support included through an adapter.
The engineering approach
The adapter separates Elixir chart configuration from the rendering library. This provides a defined boundary between application data and the JavaScript presentation of a chart.
This open-source project is shared publicly. Its source and demo repositories are linked below.
Back to the project overview