How to use Next.js and Recharts to build an information dashboard

This page summarizes the projects mentioned and recommended in the original post on dev.to
Data Visualization Web Frameworks Visualization React server-rendering

SurveyJS
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
Our great sponsors

  • admin-dashboard

    • If you’d like to see what the end result looks like before jumping into the article, you can take a peek at the source code here on GitHub.

  • Next.js

    The React Framework

    • In this article, we’ll explore Recharts (a popular data visualization library used for creating charts in React applications) and take you through a step-by-step approach to building a dashboard with Next.js and Recharts.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • d3

    Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:

    • Recharts is a composable charting library built on React components and D3.js. It contains API’s which allow you to easily add 11 different highly configurable chart types to your React application. Recharts is one of the most popular React.js charting libraries with over 20k likes on GitHub.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts