{"id":22812940,"url":"https://github.com/nishantcoder108/chartify","last_synced_at":"2026-05-04T01:35:42.291Z","repository":{"id":230454488,"uuid":"779304058","full_name":"NishantCoder108/chartify","owner":"NishantCoder108","description":"This project is a dashboard built with React, TypeScript, and Vite, utilizing Nivo charts for data visualization. It features drag-and-drop functionality for selecting countries and highlights selected points for better visibility.","archived":false,"fork":false,"pushed_at":"2024-04-10T10:49:56.000Z","size":308,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-30T21:42:02.353Z","etag":null,"topics":["nivocharts","react","reactjs","typescript","vite"],"latest_commit_sha":null,"homepage":"https://dynamofl.netlify.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/NishantCoder108.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2024-03-29T14:18:25.000Z","updated_at":"2024-04-09T10:45:09.000Z","dependencies_parsed_at":"2024-03-29T21:24:19.366Z","dependency_job_id":"fdf31ec6-92c2-4c29-8a89-e966475899bb","html_url":"https://github.com/NishantCoder108/chartify","commit_stats":null,"previous_names":["nishantcoder108/dynamodb","nishantcoder108/chartify"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/NishantCoder108/chartify","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NishantCoder108%2Fchartify","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NishantCoder108%2Fchartify/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NishantCoder108%2Fchartify/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NishantCoder108%2Fchartify/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NishantCoder108","download_url":"https://codeload.github.com/NishantCoder108/chartify/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NishantCoder108%2Fchartify/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32591603,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T22:12:39.696Z","status":"ssl_error","status_checked_at":"2026-05-03T22:09:10.534Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["nivocharts","react","reactjs","typescript","vite"],"created_at":"2024-12-12T12:14:23.987Z","updated_at":"2026-05-04T01:35:42.275Z","avatar_url":"https://github.com/NishantCoder108.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# Country Details Dashboard\n\nThis project is a dashboard that displays short details about countries using Nivo charts. It allows users to click on points in the chart to view country details below the chart. The dashboard also supports dragging and dropping cards representing countries. When a card is dragged and dropped, the corresponding country is selected, and clicking on the point again deselects it. Additionally, clicking on a country point changes its color, highlighting it for better visibility.\n\n![Dashboard Preview](dynomdb.png)\n\n## Features\n\n- Interactive Nivo chart displaying country data\n- Clicking on a country point in the chart displays details about the country below the chart\n- Drag-and-drop functionality for country cards\n- Selected countries are stored in a stack and can be deselected by clicking on the point again\n- Clicking on a point will highlight with different color of different country point it and show a card below the chart with the country's data.\n\n## Technologies Used\n\n- React.js for the frontend\n- Nivo for charting\n- Custom drag-and-drop functionality\n- Typescript and Vite\n\n## Live Demo\n\nCheck out the live demo [here](https://dynamofl.netlify.app/).\n\n\n\n## Getting Started\n\nTo run the project locally, follow these steps:\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/NishantCoder108/chartify.git\n   ```\n\n2. Install dependencies:\n\n   ```bash\n   cd chartify\n   npm install\n   ```\n\n3. Start the development server:\n\n   ```bash\n   npm run dev\n   ```\n\n4. Open your browser and navigate to `http://localhost:5173/` to view the app.\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnishantcoder108%2Fchartify","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnishantcoder108%2Fchartify","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnishantcoder108%2Fchartify/lists"}