Django Graphs and Charts – Argon Dashboard
Tags: webdev, django, dashboards
Published: 2021-04-21 09:57:12

---
title: Django Graphs and Charts – Argon Dashboard
published: true
description: Free Django sample that presents database information for a 12mo timeframe in charts and widgets
tags: webdev, django, dashboards
cover_image: https://raw.githubusercontent.com/app-generator/django-argon-charts/master/media/django-argon-charts-mockup.png
canonical_url: https://github.com/app-generator/django-argon-charts
---
Hello coders, 

This article presents an open-source sample that might help beginners learn and code a real project using Django as a backend framework. **[Django Charts Sample](https://github.com/app-generator/django-argon-charts)** provides functional code that shows different metrics regarding a 12-month timeframe: total sales, total orders, best sale, and best month (in sales value). Information is provided using charts, widgets, and a paginated data table that allows editing/adding new sales. 

> Thank you! 

--- 

- 👉 [Django Argon Charts](https://django-argon-charts.appseed-srv1.com) - Sample LIVE deployment
- 👉 [Django Argon Charts](https://github.com/app-generator/django-argon-charts) - Source Code
- 👉 [Argon Dashboard Django](https://bit.ly/3si4e7q) - the original starter

![Django Graphs and Charts - Open-source Django sample, animated presentation.](https://raw.githubusercontent.com/app-generator/static/master/samples/django-argon-charts-import-data.gif)

--- 

The information displayed in the charts is loaded from a sample file provided along with the source code on GitHub. On top of this basic provisioning, authenticated users have the option to edit and add new records. 

Once the new information is saved, charts are automatically updated.  The project can be used by any developer with basic programming knowledge and familiarity with Python.

---

**What’s in the box** (app features):

- A beautiful, modern UI: Argon Dashboard (free version)
- Session-based authentication
- Import/Export feature – available in the admin section for bulk import of sample data
- Charts for orders and sales for a 12mo timeframe
- Widgets that count total sales, orders, and best month selected based on the total sales value
- Paginated data table with **edit** and **add new record** option

---

To compile the project and play with the code, please follow the **[build instructions](https://github.com/app-generator/django-argon-charts/blob/master/README.md#how-to-use-it)** provided in the **[README](https://github.com/app-generator/django-argon-charts/blob/master/README.md)** file. The basic flow is to install the required dependencies, create the database and app tables and load the information using the admin section. Once the information is saved in the database, we can use the UI to play with the information and see the LIVE effects in the charts.

---

**Line Chart**

Summarize the sales for the last 12mo, initially provisioned by a [sample file](https://github.com/app-generator/django-argon-charts/blob/master/media/sample_data/orders.csv). 

---

![Django Graphs and Charts - Sample Line Chart.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lqy1cxg39vxw822y9ssx.png)
 
--- 

**Bar Chart**

![Django Graphs and Charts - Sample Bar Chart.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nuq2z1dlqasct7ahucir.png)

--- 

The visual features are enhanced with a table-based view of the information that allows navigating the database content with ease. The records can be edited and the charts will be refreshed automatically to reflect the latest changes.

![Django graphs and charts – edit existing row.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a10ggersydl4kg63l6xv.png)

--- 

From this point, the project can be extended with ease to support more advanced features like adding more relevant charts, computing sales predictions using the sales statistics from the previous year, or adding a social login to speed up user registration.

--- 

> Thanks for reading! For more resources, feel free to access: 

- 👉 More [Django Dashboards](https://appseed.us/admin-dashboards/django/) - a curated index 
- 👉 [Django App Generator](https://app-generator.dev/django/) - A 2nd generation App Builder