Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/caltechads/django-wildewidgets

django-wildewidgets is a Django design library providing several tools for building full-featured, widget-based web applications with a standard, consistent design, based on Bootstrap.
https://github.com/caltechads/django-wildewidgets

altair chartjs datatables django django-wildewidgets

Last synced: 2 months ago
JSON representation

django-wildewidgets is a Django design library providing several tools for building full-featured, widget-based web applications with a standard, consistent design, based on Bootstrap.

Awesome Lists containing this project

README

        

```
_ _ _ _ _ _ _ _
| (_) (_) | | | (_) | | | |
__| |_ __ _ _ __ __ _ ___ _____ ___| | __| | _____ ___ __| | __ _ ___| |_ ___
/ _` | |/ _` | '_ \ / _` |/ _ \___\ \ /\ / / | |/ _` |/ _ \ \ /\ / / |/ _` |/ _` |/ _ \ __/ __|
| (_| | | (_| | | | | (_| | (_) | \ V V /| | | (_| | __/\ V V /| | (_| | (_| | __/ |_\__ \
\__,_| |\__,_|_| |_|\__, |\___/ \_/\_/ |_|_|\__,_|\___| \_/\_/ |_|\__,_|\__, |\___|\__|___/
_/ | __/ | __/ |
|__/ |___/ |___/
```

`django-wildewidgets` is a Django design library providing several tools for building
full-featured, widget-based web applications with a standard, consistent design, based
on Bootstrap.

The package includes the source to a [demo](https://wildewidgets.caltech.edu).

## Quick start

Install:

pip install django-wildewidgets

If you plan on using [Altair charts](https://github.com/altair-viz/altair), 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('/wildewidgets_json', WildewidgetDispatch.as_view(), name='wildewidgets_json'),
]

Add the appropriate resources to your template files.

First, add this to your ``:

For [ChartJS](https://www.chartjs.org/) (regular business type charts), add the corresponding javascript file:

For [Altair](https://github.com/altair-viz/altair) (scientific charts), use:



For [DataTables](https://github.com/DataTables/DataTables), use:



and:

and, if using [Tabler](https://tabler.io), include:

For [ApexCharts](https://apexcharts.com), use:

If you plan on using CodeWidget, you'll need to include the following to get syntax highlighting:

## Documentation

[django-wildewidgets.readthedocs.io](http://django-wildewidgets.readthedocs.io/) is the full
reference for django-wildewidgets.