> For the complete documentation index, see [llms.txt](https://huataihuang.gitbook.io/cloud-atlas-draft/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://huataihuang.gitbook.io/cloud-atlas-draft/develop/python/django/django_dashboard/django_dashboard_with_d3_reactive_leaflet.md).

# 结合d3.js/reactive.js/leaflet实现Django Dashboard

在DjangoCon US 2016上 Clinton Dreisbach介绍了[Building Dynamic Dashboards With Django and D3](https://www.youtube.com/watch?v=XXG-ESzB9Q8) ，主要采用的技术有：

* Django
* Django REST Framework
* django-url-filter - 将GET参数转换成查询集过滤器（Translates GET parameters to queryset filters）
* Ractive.js - Facebook开源
* D3 & NVD3
* [Leaflet](http://leafletjs.com/) - 开源的JavaScript地图应用

## 参考

* [Building dashboards with Django and D3](http://www.dreisbach.us/articles/building-dashboards-with-django-and-d3/)
* [Interactive Data Visualization with D3.js, DC.js, Python, and MongoDB](http://adilmoujahid.com/posts/2015/01/interactive-data-visualization-d3-dc-python-mongodb/) 介绍了一个类似的交互界面构建方法，软件堆栈有所不同（d3.js, dc.js, crossfilter.js，以及采用了Flask和MangoDB存储数据）