{"repo":"tohsaka888/react-knowledge-graph","free":true,"listed":false,"github":"https://github.com/tohsaka888/react-knowledge-graph","clone":"git clone https://github.com/tohsaka888/react-knowledge-graph.git","description":"next.js with framer-motion create knowledge graph","language":"TypeScript","stars":21,"topics":["knowledge-graph","nextjs","reactjs"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"React-Knowledge-Graph English 简体中文 Introduction a react component that can help you create a dynamic knowledge-graph built with Next.js . Features - Customize node size/color/text color/text size - Canvas drag and drop support - Support asynchronous data acquisition / dynamic exploration to generate graphs - Support for highlighting nodes and their associated edges when Hovering nodes - Customize properties by node type - Option to hide edges when Hover edge is supported - Hide explored nodes and edges when explored nodes are clicked - Reset Canvas - Fullscreen - Right click to center the current entity - Support server-side rendering - Download the chart as a multi-format image (jpg, jpeg, png, bmp) - Support drag and drop nodes - Right-click entity menu adds only the current node i.e. its children/relationships - Right-click menu display all nodes - Dynamic configuration - Configuration flying line effect - Click the highlights of the same type of node highlight - Node Menu - display help memu - Display the current node information button: You can judge whether you need it according to the needs of your own project, such as: knowledge card function - Show the increase node to the physical button: you can determine whether it is required according to the needs of your own project, for example: the current node is added to the knowledge application - two way to optimize dragging performance: use react or use dom - and so on Accepted data structures Nodes Edges Explore Functio","default_branch":null,"files":null,"tree":[],"storefront":"/r/tohsaka888","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/tohsaka888/react-knowledge-graph/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."}