a simple elixir charting library

unchartedelixir

beautifully dynamic charts

Column chart visualizing Cheese Coney Consumption by Neighborhood

2000

4000

6000

8000

10000

Landen

Oakley

Downtown

Florence

Erlanger

Uncharted Territory

  • Built with the Power of Elixir
  • A Variety of Beautiful Charts
  • Utilizes LiveView for Live Data
  • Smooth & Customizable Animations
  • Customizable SVG Charts
  • Accessibility Including Tables For Screen Readers

Uncharted Packages

Uncharted Phoenix

By defining an implementation of the Uncharted.Component protocol for all of Uncharted's built-in chart types, UnchartedPhoenix.render/2 knows how to render the appropriate kind of chart based on the dataset of the Uncharted. BaseChart struct you pass in.

GitHub HexDocs

Uncharted Elixir

Uncharted is a core package used by Uncharted Phoenix to define data structures and functions needed to prepare a chart for rendering. This is a separate core library from the phoenix LiveView package because we anticipate also more library adapters.

GitHub HexDocs

unchartedphoenix

Best Kind of Pie
the pie chart

Pie chart visualizing Best Kind of Pie
Best Kind of Pie
[Data title] Percentage
Pecan 20.0
Blueberry 28.0
Pumpkin 35.0
Chocolate 17.0

Cheese Coney Consumption by Neighborhood
the column chart

Column chart visualizing Cheese Coney Consumption by Neighborhood

2000

4000

6000

8000

10000

Landen

Oakley

Downtown

Florence

Erlanger

Cheese Coney Consumption by Neighborhood
[Data Title] [Data Title]
Landen 5946.43636481867
Oakley 9078.33654478035
Downtown 1540.5904020474482
Florence 813.0351525896906
Erlanger 8272.639485884121

Process Memory / Total
the progress chart

Progress chart visualizing Process Memory / Total 23% Proc Memory (% Of Total)
Process Memory / Total
[Data title] Progress
Proc Memory (% Of Total) 23%

Live Line Chart

Line chart visualizing Live Line Chart

500

1000

1500

2000

2500

140

280

420

560

700

Live Line Chart for [Line Title]
Point [Data Title] [Data Title]
Point 1 0 500
Point 2 140 1000
Point 3 280 1600
Point 4 420 1500
Point 5 560 2000
Point 6 700 2400

Live Beam Memory Stats
the bar chart

Bar chart visualizing Live Beam Memory Stats

Processes

Processes Used

Atom

Atom Used

Binary

Code

Ets

1500

3000

4500

6000

7500

9000

10500

12000

13500

15000

Live Beam Memory Stats
[Data Title] [Data Title]
Processes 7646.248
Processes Used 7643.36
Atom 680.161
Atom Used 653.8
Binary 249.928
Code 13346.251
Ets 1142.808

Live Scatter Plot
the scatter plot

Scatter plot visualizing Live Scatter Plot

500

1000

1500

2000

2500

1

2

3

4

5

Live Scatter Plot
Point [Data Title] [Data Title]
Point 1 0 2500
Point 2 1.2 1800
Point 3 1.9 2000
Point 4 2.7 1400
Point 5 3.5 1800
Point 6 4.2 1800

Cheese Coney Consumption by Neighborhood
the stacked column chart

May

June

July

Column chart visualizing Cheese Coney Consumption by Neighborhood

2000

4000

6000

8000

10000

Landen

Oakley

Downtown

Florence

Erlanger

Cheese Coney Consumption by Neighborhood
[Data Title] [Data Title]
Landen, May 1842.1404898280564
Landen, June 1058.304522687363
Landen, July 2239.5791137057404
Oakley, May 3345.660827163579
Oakley, June 2955.1086353486944
Oakley, July 2972.9190888682047
Downtown, May 2472.4196542227455
Downtown, June 1607.740589025487
Downtown, July 2865.341810013896
Florence, May 1131.4148774216428
Florence, June 2209.299798900763
Florence, July 2319.5509286040888
Erlanger, May 220.23521684624382
Erlanger, June 1526.4285001424569
Erlanger, July 314.9226310998018