Data visualization and Charts with Django Chartit

#charts #visualization #django # model
This class is all about using Django_chartit to create beautiful charts and visualizations straight from your database model. We take you straight through the creation of a new Django project to some complex visualizations using Django aggregators. We show you also how to modify your charts.

TABLE OF CONTENTS(TOC)
00:41 Django_chartit - definition
01:09 Types of Charts
01:23 Highchart site (more examples)
01:56 Model Details

Configuration - Setting up a basic Django Project
02:26 Creating a directory

02:45 Creating virtual environment
03:42 Activate your virtual environment
04:12 Install Django (and Django-Chartit) from within your virtual environment
04:28 Create Django project
05:21 Initially migrate data changes to your project

05:38 Create super user
05:51 Create new Django Application


- add chartit app to the INSTALLED_APPS section

- add new application to the INSTALLED_APPS section

09:01 Create the view for your home page
09:18 Confirm configuration is working!!!
09:50 Include required JavaScript libs
10:50 Plotting chart or pivot chart on webpage

11:52 Create Django model
12:18 Add data to DB table – register model in admin console
12:55 Add data to DB table – add records
13:14 Create Django view for the graph1 – import models, datapool & chart from chartit module
15:40 Create Django view for the graph2 - terms
16:40 Create Django view for the graph3 – create specific chart you want to render
18:20 Create Django view for the graph4 – store chart object in variable and render
18:47 Create Django template to render the graph
20:37 Create URL pattern to call the view (and see your chart!)
21:18 Rendering 2 graphs though one view
22:04 Template for rendering 2 graphs trough one view
22:30 Page rendering 2 graphs through one view
22:38 Convert the months numbers to names (x_mapf_sortf_mts)
22:56 2 graphs though one view with months converted to text
24:13 Adding additional Highchart Libs for additional functionality
24:56 Horizontal Bar Chart
25:12 Horizontal Bar Chart – rendered
25:33 Combo Chart – 2 charts in 1 plot – view, model
26:28 Combo Chart – 2 charts in 1 plot – template
26:45 Combo Chart – 2 charts in 1 plot - render
26:55 PivotChart vs Regular Chart
27:44 PivotChart in Action – model
28:14 PivotChart in Action – view and urlconf
29:23 PivotChart in Action – the template
29:37 PivotChart in Action - rendered – (aggregation of data and ability to export to excel)
30:45 Modifying Chart options
32:24 Modifying Chart options - rendered

Important Links:

5. HighCharts Demo

Yogicoder Code from this presentation on GitHub:

[francisodero]

am really thankful...you are a savior to my final year project

[quanghuy]

Thank you for teaching us. Very very helpful!

[jorgeav-xyz]

Between Django-Chart and Bokeh, I think both are excellent choices depends on your requirements but I'm going to be very honest Bokeh is simple, it doesn't have js to deal with, a couple of CDNs, it combines Numpy and pandas just like a jupyter notebooks, and an interactive graphic that can show the results to impress everyone, but I want to know your opinion, thank you very much for all this content, you save me hours of research.

[mahmudsajib]

Wow that's a great tutorial with crystal clear explanations. Hope to see more great django tutorial from you in future

[jun]

your dictation is surreal perfect so I thought it's an AI generated voice, ahhaha... thanks for the great vid! :)

[ExploringThisWorld-]

Your videos have helped me create my first website and put awesome graphs on them! Thank you

[aetherllama]

If you want to plot many fields in your model, the code below is helpful.
'terms': [field.name for field in
The [1, :] slice is all fields except id.

Thank you for the tutorial Yogi.

[akashpushkar]

@
Yogi Coder: Can you also tell us about filters in this example? Thanks in advance!

[aetherllama]

Is there a way to set the x-axis to the names of my model fields, and set the y-values to a primary key?
I used a filter on the 'source', but the x-axis is labeled by the primary key instead of the model fields.

[francisodero]

please send me the link of the github for this project