Next.js & Django: Real-Time Chart Data Dashboard

TailwindREST Apisshadcn/uiNext.jsDjango

Friday, August 30, 2024

Overview

This project demonstrates a web application that integrates a Next.js frontend with a Django backend to display various types of charts. The application features a dashboard that includes Candlestick, Line, Bar, and Pie charts, with data fetched from a Django API.

Project Structure

  • Frontend: Built with Next.js, TailwindCSS, shadcn/ui, ECharts

  • Backend: Developed using Django REST framework

Features

  • Candlestick Chart: Displays financial data with open, high, low, and close values.

  • Line Chart: Shows data trends over time.

  • Bar Chart: Visualizes categorical data.

  • Pie Chart: Represents proportions of different categories.

ImageImageImageImageImage