News>Announcing

SparklineSvg - Create SVG Sparkline

#library#charts#sparkline_svg
abdelaz3r

abdelaz3r

SparklineSvg - Create SVG Sparkline

Hi! :wave:

I’ve released SparklineSvg, a simple yet customizable, zero-dependency Elixir library for generating SVG sparkline charts.

The repository can be found on GitHub - sparkline_svg.

Documentation is available on Hex - SparklineSvg.

Features

  • Supports various datapoint shapes.
  • Pixel-perfect customization with options to show dots, lines, and areas.
  • Ability to add vertical markers (lines or areas).
  • Includes common reference lines.

Background

The goal is to provide something simple and stable for building dashboards. The library focuses exclusively on generating SVG sparkline charts (and will only do that in the future).

What’s next?

I plan to add a few more options to the library, with the goal of reaching a stable 1.0 version quickly. Here are some points I’m considering, but I would love to hear your ideas:

  • Support normal bands, inspired by this concept: React Sparklines.
  • Allow setting the window manually. Currently, the window is auto-set based on datapoints, but manual adjustment may be useful.
  • Support nil (holes) in the datapoints.
3 comments
#library#charts#sparkline_svg
16 683 3

Most Liked

abdelaz3r

abdelaz3r

Just released new version:

  • Support :padding option specifying padding for specific side
  • Expose number :precision through general options
  • Support percentile/1 reference line
  • Support custom reference lines
1
Post #2
fuelen

fuelen

Very good documentation! Thank you for sharing!

1
Post #3

Where Next?

View thread on forum (has 3 responses!)
library
charts
sparkline_svg
Home News>Announcing
#library#charts#sparkline_svg
16 686 3
Last post

Popular in Announcing Top

OvermindDL1
News>Announcing

PidFile - create and manage a PID file from the BEAM process
I created a new library (rather I pulled out a couple files from my big project), it manages an operating system PID file for the BEAM. ...
#pidfile
51 8198 42
New
sorentwo
News>Announcing

Oban - Reliable and Observable Job Processing
Hello! tl;dr Announcing Oban, an Ecto based job processing library with a focus on reliability and historical observability. After spen...
/oban#ecto#postgres#job-processing
985 42920 311
New
mspanc
News>Announcing

Membrane - a new framework for multimedia processing
I am pleased to announce an initial release of the Membrane Framework - an Elixir-based framework with special focus on processing multim...
/membrane#library#multimedia
164 11198 47
New
pkrawat1
News>Announcing

Presenting Aviacommerce, open source e-commerce in Elixir
Presenting Aviacommerce, open source e-commerce platform in Elixir Aviacommerce is an open source e-commerce platform in Elixir. We at...
#library#aviacommerce#e-commerce
51 5874 11
New
bryanjos
News>Announcing

ElixirScript - converts Elixir to JavaScript
Hi, I just published version 0.23.0 of Elixirscript. https://github.com/bryanjos/elixirscript/blob/master/CHANGELOG.md Most of the chan...
#library#elixirscript
74 10035 42
New
riverrun
News>Announcing

Comeonin password hashing library
I’ve just released version 3 of Comeonin, a password hashing library. The following small changes have been made: changes to the NIF c...
#library#comeonin
63 6358 23
New
marcuslankenau
News>Announcing

Elixml - XML library
I feel kind of stuck with the absence of a proper xml library for Elixir. Currently I use SweetXML which was ok for me more or less to pa...
#library#xml
12 5319 15
New
scohen
News>Announcing

Lexical - A Language Server for Elixir
Lexical Lexical is a next-generation language server for the Elixir programming language. Features Context aware code completion As-you...
#lsp
193 9327 78
New
wfgilman
News>Announcing

Financial Libraries: Plaid, Dwolla, Yodlee
I’ve cleaned up and open sourced three financial libraries I was using for my company. They are bindings for the APIs of these three comp...
#library#plaid#dwolla#yodlee
14 6452 2
New
trisolaran
News>Announcing

LiveSelect - Dynamic selection input component for LiveView
Hi! :waving_hand: I would like to present LiveSelect, a little library that I wrote to easily add a dynamic selection input to your LV f...
#library#liveview#liveview-form#live_select
198 10858 107
New

Other popular topics Top

Darmani72
Questions & Help>Questions

Params in the URL and body -- how does Phoenix handle them together?
If I have a post route which an argument: post /my_post_route/:my_param1, MyController.my_post_handler How would get the post params ...
/phoenix#params
17 26931 14
New
shahryarjb
Questions & Help>Questions

How to convert map to string (separated with ,)
Hello, I have map which I want to convert it to string like this: the map: %{last_name: "tavakkoli", name: "shahryar"} the string I ne...
#maps#strings
15 15660 2
New
Fl4m3Ph03n1x
Questions & Help>Questions

Learning Elixir, frst impressions ( plz don't kill me ! )
About me? ( if you have nothing better to do than reading about some random guy in the internet :stuck_out_tongue: ) Hello all, this is ...
#learning-elixir
371 26239 61
New
vegabook
Questions & Help>Questions

How to serve an img with Phoenix?
I’m brand new to Phoenix and I have stripped one of the demo applications to the bone. I just want to get an svg up on the screen. Here i...
/phoenix
15 18745 5
New
vrod
Questions & Help>Questions

Starship (cross-shell prompt) error - (starship::utils): Executing command "elixir" timed out
I am using the Starship cross-shell prompt – it seems pretty nice, but I get some errors: [WARN] - (starship::utils): Executing command ...
#starship
8 17307 3
New
aalberti333
Questions & Help>Questions

Enum.map over list of key/value pairs with a map as the value
As the title describes, I’m trying to run Enum.map() over a list of key/value pairs, where the value is a map. My data looks like this: ...
#enummap
7 19866 6
New
saif
Chat & Discussions>Discussions

Dialyzer - Function foo/1 has no local return
Hello everyone, Long time lurker first time poster here. I’ve recently begun working on Elixir full-time again! :raised_hands: It’s been...
#dialyzer#type-checking
15 20032 5
New
joaquinalcerro
Questions & Help>Questions

What is the best approach for fetching large amount of records from postgresql with ecto
Hi there, I am working with Ecto-Postgresql and I need to call all of the records from a specific table but the table has 40,000 records...
#ecto
126 24824 27
New
marick
Questions & Help>Questions

Many-to-many associations in phoenix and ecto
I had some trouble figuring out how to make many-to-many associations work. Once I got it working, I wrote a blog post. Because I’m a nov...
/phoenix
34 21273 20
New
PeterCarter
Questions & Help>Questions

Good auth solutions for Elixir/Phoenix?
There are pre-rolled solutions for other frameworks that do work. However, Phoenix does not seem to have these. Have people had good expe...
/phoenix#authentication
48 21542 20
New
Back to top

News>Announcing

News Announcing ❯

Latest on Elixir Forum

Elixir Forum ❯

Sponsor Spotlight

Potions

Deploy Phoenix to your own VPS with PaaS ease: push-to-deploy, zero downtime, auto SSL, managed Postgres. 14-day free trial at potions.io

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Manning

Develop your skills with books, videos, and courses.

WyewWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

Categories:

Sub Categories:

Forums

Popular Tags

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Manning

Develop your skills with books, videos, and courses.

WyewWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

We're in Beta

About us Mission Statement