django-wildewidgets is a Django library designed to help you make charts, graphs, tables, and UI widgets quickly and easily with libraries like Chartjs, Altair, and Datatables.
Project description
_ _ _ _ _ _ _ _
| (_) (_) | | | (_) | | | |
__| |_ __ _ _ __ __ _ ___ _____ ___| | __| | _____ ___ __| | __ _ ___| |_ ___
/ _` | |/ _` | '_ \ / _` |/ _ \___\ \ /\ / / | |/ _` |/ _ \ \ /\ / / |/ _` |/ _` |/ _ \ __/ __|
| (_| | | (_| | | | | (_| | (_) | \ V V /| | | (_| | __/\ V V /| | (_| | (_| | __/ |_\__ \
\__,_| |\__,_|_| |_|\__, |\___/ \_/\_/ |_|_|\__,_|\___| \_/\_/ |_|\__,_|\__, |\___|\__|___/
_/ | __/ | __/ |
|__/ |___/ |___/
django-wildewidgets
is a Django library designed to help you make charts, graphs, tables, and UI widgets
quickly and easily with libraries like Chartjs, Altair, and Datatables.
Quick start
Install:
pip install django-wildewidgets
If you plan on using Altair charts, run:
pip install altair
Add "wildewidgets" to your INSTALLED_APPS setting like this:
INSTALLED_APPS = [
...
'wildewidgets',
]
Include the wildewidgets URLconf in your project urls.py like this:
from wildewidgets import WildewidgetDispatch
urlpatterns = [
...
path('<urlbasepath>/wildewidgets_json', WildewidgetDispatch.as_view(), name='wildewidgets_json'),
]
Add the appropriate resources to your template files.
First, add this to your <head>
:
<link rel="stylesheet" href="{% static 'wildewidgets/css/wildewidgets.css' %}">
For ChartJS (regular business type charts), add the corresponding javascript file:
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.4/dist/Chart.min.js"></script>
For Altair (scientific charts), use:
<script src="https://cdn.jsdelivr.net/npm/vega@5"></script>
<script src="https://cdn.jsdelivr.net/npm/vega-lite@4"></script>
<script src="https://cdn.jsdelivr.net/npm/vega-embed@6"></script>
For DataTables, use:
<script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
<script src="https://cdn.datatables.net/plug-ins/1.10.21/sorting/datetime-moment.js"></script>
and:
<link href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css" rel="stylesheet" />
and, if using Tabler, include:
<link rel="stylesheet" href="{% static 'css/table_extra.css' %}">
For ApexCharts, use:
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
If you plan on using CodeWidget, you'll need to include the following to get syntax highlighting:
<link rel="stylesheet" href="{% static 'css/highlighting.css' %}">
Documentation
django-wildewidgets.readthedocs.io is the full reference for django-wildewidgets.
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Hashes for django-wildewidgets-0.13.9.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | 6a6a123c55412a8f3cd709e3039e2a5ad7be6e61a8fdf9630f1afb95f46cfa67 |
|
MD5 | bc7657e0270e36705f3429fa3150ea36 |
|
BLAKE2b-256 | d0bb7f93a66813c110f014dfb8de7dad66345d4e2d99fe55773ef8b9f430bd19 |
Hashes for django_wildewidgets-0.13.9-py2.py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | 345a445a101ccd6925ddf8391374ef48fee836a91821102f02d0f8ca62f01efc |
|
MD5 | d22fcfc70e1bb1dd071a960d5c88bd81 |
|
BLAKE2b-256 | b54318a544df8d9f7ea14730b9c0870f6129cb65e081ed969bc332ce553106c2 |