Django Smoking Trends UI/UX Design
Budget: ₹1,500 – ₹12,500 INR
I have a small Django project that exposes sample datasets on smoking and drug use over time, and I need a clear, engaging interface that turns those numbers into insight. The sole purpose of the site is to display data trends, so every view should revolve around an interactive chart a visitor can explore—no search boxes, no comment threads, just crisp data visualisation.
Here’s how I’d like to approach it: we start with low-fidelity wireframes that lay out a landing page and a detail view, then move to high-fidelity mock-ups before you hand over responsive HTML, CSS (or SCSS), and JavaScript that drop straight into Django templates. You are free to pick the charting library—Chart.js, Highcharts, D3, or anything comparable—so long as the resulting chart supports hover tooltips, legend toggles, and time-range selection.
Deliverables
• Desktop polished visual mock-ups
• Django-ready template files (.html), accompanying styles, and JavaScript for the interactive charts
• A concise README explaining where each file goes and how to connect the sample dataset
Acceptance criteria
The landing page loads in under two seconds, charts update without a page refresh, and the colour palette meets WCAG AA contrast guidelines.
If you have previous data-centric dashboards, a quick link or screenshot will help me gauge fit.
Here’s how I’d like to approach it: we start with low-fidelity wireframes that lay out a landing page and a detail view, then move to high-fidelity mock-ups before you hand over responsive HTML, CSS (or SCSS), and JavaScript that drop straight into Django templates. You are free to pick the charting library—Chart.js, Highcharts, D3, or anything comparable—so long as the resulting chart supports hover tooltips, legend toggles, and time-range selection.
Deliverables
• Desktop polished visual mock-ups
• Django-ready template files (.html), accompanying styles, and JavaScript for the interactive charts
• A concise README explaining where each file goes and how to connect the sample dataset
Acceptance criteria
The landing page loads in under two seconds, charts update without a page refresh, and the colour palette meets WCAG AA contrast guidelines.
If you have previous data-centric dashboards, a quick link or screenshot will help me gauge fit.
Related categories:
JavaScript
Python
CSS
Django
HTML
UX / User Experience
Git
UI / User Interface
Data Visualization
Chart.js