July 08, 2023

Creating Simple SVG Sparklines

152

clicks

Creating Simple SVG Sparklines

Source: alexplescan.com

Phoenix Framework

Alex Plescan discusses how to create compact sparkline charts without relying on complex charting libraries or frontend scripting. The sparklines provide a visual representation of data trends and are used as a UI enhancement on Mailgrip. The process begins with writing SVGs by hand, using SVG commands to draw lines, and adjusting the coordinate system for a visually accurate representation. Plescan also details a server-side rendering technique using the Elixir programming language and the Phoenix framework to dynamically generate SVG sparklines. This method offers simplicity in rendering graphics directly from the backend to the browser.

Continue reading

Related posts

Implementing Magic Link Authentication in Phoenix LiveView

John Elm Labs shows you how to add magic link authentication to a Phoenix LiveView App. This step-by-step guide will help you implement this popular sign-in flow easily and securely.

Jan 19, 2021

Setting Up an SFTP Server Using Elixir and Erlang

Max Mulatz and Andreas Knöpfle show how to set up a quick SFTP server in Elixir utilizing the Erlang ecosystem. They explain why an SFTP server is still relevant and explain the process of building one.

Oct 04, 2023

Enhancing Elixir Performance using NIFs

Andres C Alejos discusses the power of Native Implemented Functions (NIFs) in Elixir and shares tips for working with them. He also provides real-world examples of using NIFs and showcases the EXGBoost library.

Jun 01, 2023

© HashMerge 2024