June 17, 2023

Integrating Apache ECharts animations with Phoenix LiveView

316

clicks

Integrating Apache ECharts animations with Phoenix LiveView

Source: richardtaylor.dev

Richard Taylor's article explores how to enhance Phoenix LiveView applications with animated charts using Apache ECharts. Starting with an example of a Vue.js component for Apache ECharts, Taylor shows the potential for rich charting in LiveView. The article discusses the initialization of charts using a LiveView Hook's mounted lifecycle callback and how to set chart options by parsing JSON data. A basic example is provided using a Pie chart, with code that shows how easy it is to create appealing visualizations. The article then explains how to enable live updates to the charts by updating the LiveView Hook to handle the 'updated' lifecycle callback. An example of real-time updates is demonstrated with a Gauge chart, which upon a button click, triggers an 'update-chart' event to refresh the chart data randomly. The final demo showcases several charts that auto-update every couple of seconds, showcasing the dynamic interactivity possible with LiveView and ECharts. The author invites readers to provide feedback and suggestions via Twitter.

Resolving Signature Issues with Map Key Ordering in Elixir

A writeup of a tricky bug Richard Taylor had to investigate when upgrading to OTP26 due to the change in map key ordering.

Aug 17, 2023

How to Add a Table of Contents to Blogs with Nimble Publisher in Elixir

In this post by Philip Brown, he explains how to add a Table of Contents to a Nimble Publisher blog, which is useful for readers to navigate through long blog posts or articles. He provides step-by-step instructions on creating a new project, setting up Nimble Publisher, appending the Table of Contents, adding Table of Contents links, and using custom Earmark processor for modifying the Markdown file.

Jan 09, 2023

Building a Video Object Detection Prototype with Elixir

Philip Brown has built a prototype of object detection in a video stream using Elixir, Bumblebee, and Phoenix LiveView. He provides a step-by-step guide on setting up the project, implementing object detection from a video, and building the LiveView application for displaying the video and predictions in the browser.

Jan 26, 2023