Uncharted Phoenix

A simple Elixir charting library that generates easy to customize charts for Phoenix and LiveView.

Features

Easily generate pie charts, column charts, bar charts, progress counters, and line charts Generates repsonsive and accessible SVGs as LiveView components Provides adavanced styling like gradients and rounded corners Smooth animations for updating live data to the UI

HEX Installation

Add this to your mix.exs deps: {:uncharted_phoenix, "~> 0.1.0"}

How To Use

Base Chart Colors

Base chart configuration allows you to define a set solid colors and gradients for any chart you will use within the applciation.

Set a Base Color

colors = %{
  blue: "#6bdee4",
}

Set a Base Gradient Color

colors = %{
  rose_gradient: %Gradient{
    start_color: "#642B73",
    stop_color: "#C6426E"
  }
}

The Column Chart

Column Chart

#### Initialize

#### Configure Chart

#### Connecting to Live Data

The Bar Chart

Bar Chart #### Initialize

#### Configure Chart

#### Connecting to Live Data

The Pie Chart

Pie Chart

#### Initialize

#### Configure Chart

#### Connecting to Live Data

The Live Line Chart

Live Line Chart

#### Initialize

#### Configure Chart

#### Connecting to Live Data

The Progress Chart

Progress Chart #### Initialize

#### Configure Chart

#### Connecting to Live Data