{"repo":"MiladJoodi/D3-Charts-Pantohealth","free":true,"listed":false,"github":"https://github.com/MiladJoodi/D3-Charts-Pantohealth","clone":"git clone https://github.com/MiladJoodi/D3-Charts-Pantohealth.git","description":"Chart rendering React app using D3.js for Pantohealth — supports single and multi-series data visualization 📊","language":"TypeScript","stars":18,"topics":["d3","d3js","nextjs","nextjs15","react","reactjs","typescript","tailwindcss"],"license":null,"category":"saas-starters-boilerplates","readme_excerpt":"📊 Pantohealth Chart Renderer This project is a simple chart visualization tool built with Next.js and D3.js . Data is loaded from /data.json file served locally. 👉 Try it live and check out the full experience in the Demo . Features - Render single and multi-series line charts - Display axes with accurate scales - Show legend for each colored series - Tooltip on hover to display exact data points - Handle empty data and error states gracefully - Responsive design that adapts to screen size changes - Clean, readable, and standard-compliant code using React and TypeScript - Simple state management in React - No extra dependencies for tooltip or legend functionality Technologies & Versions - Next.js 15.4.5 (App Router) - React 19.1.0 - TypeScript - D3.js 7.9.0 - Tailwind CSS for styling --- This project focuses on precise UI implementation, debugging, refactoring, and adding extra features for graphical data display. The code is designed to be clear and optimized for easy maintenance and further development. --- Feel free to connect with me on LinkedIn or check out my writing on Medium — always happy to share and learn! 🚀","default_branch":null,"files":null,"tree":[],"storefront":"/r/MiladJoodi","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/MiladJoodi/D3-Charts-Pantohealth/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}