Pychartjs Update: Now Framework-Agnostic

After years of taking over the maintenance of pychartjs, I'm excited to finally have the time to bring some much-needed updates to the project. It's been a journey, but I'm proud to say that pychartjs is now framework-agnostic and fully compatible with all major Python web frameworks, complete with render options that make it incredibly flexible for developers.

The Journey Back to Pychartjs

Several years ago, I inherited pychartjs—a Python library designed to generate dynamic charts using Chart.js. While the library had a strong foundation, it had become outdated over time, and I knew it needed a refresh to stay relevant in the rapidly evolving Python ecosystem. With the growing demand for versatile and modern tools, I decided it was time to bring pychartjs up to date and make it more flexible for developers across various frameworks.

What’s New in Pychartjs

1. Framework-Agnostic Design

One of the major changes I’ve implemented is making pychartjs framework-agnostic. No longer confined to a specific web framework, pychartjs can now be integrated seamlessly into any Python web framework—whether it's Django, Flask, FastAPI, Robyn, or any other WSGI/ASGI framework. This opens up the library to a much broader audience and allows developers to choose the framework that best suits their needs without sacrificing charting capabilities.

2. Flexible Render Options

Another key feature of the update is the introduction of flexible render options. With the new rendering capabilities, developers can customize how charts are generated and displayed within their web applications. Whether you need to render charts dynamically based on context variables or generate static charts for reports, pychartjs now provides the tools to do so with ease.

3. Seamless Integration with Any Python Web Framework

Understanding the diverse needs of the Python web development community, I've updated pychartjs to integrate smoothly with any Python web framework. Whether you're using traditional frameworks like Django or Flask, or newer, faster options like FastAPI and Robyn, pychartjs is designed to fit right in. Its framework-agnostic approach means you can use it with any HTML rendering engine, such as Jinja, Mako, or your framework's built-in options.

Robyn and Beyond

Robyn, a relatively new but fast-growing web framework, is fully supported by pychartjs. You can easily create and render charts directly in your Robyn routes, and because pychartjs is framework-agnostic, it adapts well to any WSGI or ASGI framework.

Here’s how you can quickly set up a simple Robyn application with pychartjs:

from robyn import Robyn
from pychartjs.charts import Chart
from pychartjs.datasets import Dataset
from pychartjs.enums import ChartType
from robyn.templating import JinjaTemplate

app = Robyn(__file__)

template = JinjaTemplate("templates")

@app.get("/")
async def get_chart(request):
    dataset = Dataset(
        label="Sales Data",
        data=[10, 20, 30, 40, 50],
        backgroundColor="rgba(75, 192, 192, 0.2)",
        borderColor="rgba(75, 192, 192, 1)",
        borderWidth=1,
    )
    chart = Chart(
        chart_type=ChartType.LINE,
        datasets=[dataset],
        labels=["January", "February", "March", "April", "May"]
    )
    charts_html = chart.render()
    return template.render_template("index.html", charts_html=charts_html)

if __name__ == "__main__":
    app.start(port=8080)

Flexibility with HTML Rendering Options

One of the strengths of the updated pychartjs is its compatibility with a wide range of HTML rendering engines. Whether you're using Jinja in Flask, Django templates, or any other templating system, pychartjs fits seamlessly into your workflow. You can inject the rendered chart HTML into your templates, allowing for dynamic and interactive data visualizations in your web pages.

How to Get Started

Getting started with the new and improved pychartjs is straightforward:

Install pychartjs using Poetry:
```
 poetry add pychartjs
```
Or, if you're using pip:
```
 pip install pychartjs
```
Integrate with Your Framework:

Use pychartjs in your preferred Python web framework by creating and rendering charts directly in your views or routes.

For example, in a Robyn app, you can render the charts directly into your HTML templates, as shown in the example above.
Customize Your Charts:

With flexible rendering options, you can now tailor your charts to meet the specific needs of your application. Whether it’s context-aware rendering, custom styles, or integrating with dynamic data sources, pychartjs offers the flexibility to create exactly what you need.

Looking Ahead

This update is just the beginning. As pychartjs continues to evolve, I’m looking forward to seeing how the Python community will leverage its new capabilities. Whether you’re building data dashboards, integrating charts into web apps, or generating reports, pychartjs is here to make charting simple, flexible, and powerful.

Thank you to everyone who has supported pychartjs over the years. Your feedback and contributions have been invaluable in shaping this release. I’m excited to see what you all build with the new pychartjs.

Techbend's blog