Dynamic Graph React/Next Component
Budget: $30 – $250 CAD
I am looking for a skilled and dedicated React and Next.js expert who can help me develop dynamic graphic components. Before sending your proposal, please read the description and check this Figma design carefully.
https://www.figma.com/file/qKozAcAiOZgQJcBF7bTJ8U/Dynamic-Graph?type=design&node-id=0-1&mode=dev
The scope of the project.
- Dynamic Graph Generation.
- Features:
Zoomable
Dragable
Scalable
Tree structure (Node and children)
Dynamic connection each other
- Env
React 18.2.0
Next 13.4.4
Node 18.1.0
- Tips
Any React libraries that can implement this dynamic graphic componens.
highcharts, armcharts, and d3 available.
Auto bid and copied proposal will be rejected immediately, kindly start the word graph in your proposal.
The following is the dependencies we are using in the project.
"dependencies": {
"@amcharts/amcharts4": "^4.10.36",
"@amcharts/amcharts4-fonts": "^4.0.1",
"@amcharts/amcharts4-geodata": "^4.1.27",
"@ant-design/icons": "^5.1.4",
"@emotion/react": "^11.11.1",
"@emotion/styled": "^11.11.0",
"@highcharts/map-collection": "^2.1.0",
"@supabase/auth-helpers-nextjs": "^0.7.2",
"@supabase/supabase-js": "^2.26.0",
"@trendyol-js/react-carousel": "^3.0.2",
"antd": "^5.6.4",
"autoprefixer": "10.4.14",
"clsx": "^1.2.1",
"cross-env": "^7.0.3",
"d3": "^7.8.5",
"d3-drag": "^3.0.0",
"d3-force": "^3.0.0",
"d3-shape": "^3.2.0",
"d3-zoom": "^3.0.0",
"dayjs": "^1.11.9",
"eslint": "8.42.0",
"eslint-config-next": "13.4.4",
"highcharts": "^11.1.0",
"highcharts-react-official": "^3.2.0",
"lint": "^1.1.2",
"lodash": "^4.17.21",
"moment": "^2.29.4",
"msw": "^1.2.2",
"next": "13.4.4",
"postcss": "8.4.24",
"prop-types": "^15.8.1",
"react": "18.2.0",
"react-alice-carousel": "^2.7.1",
"react-device-detect": "^2.2.3",
"react-dom": "18.2.0",
"react-multi-carousel": "^2.8.4",
"react-slider": "^2.0.6",
"recharts": "^2.7.2",
"sass": "^1.45.1",
"sharp": "^0.32.4",
"swiper": "^8.4.7",
"tailwindcss": "^3.3.2"
}
If you have experience in creating interactive and dynamic graphs using React/Next, please reach out to discuss further details of the project.
https://www.figma.com/file/qKozAcAiOZgQJcBF7bTJ8U/Dynamic-Graph?type=design&node-id=0-1&mode=dev
The scope of the project.
- Dynamic Graph Generation.
- Features:
Zoomable
Dragable
Scalable
Tree structure (Node and children)
Dynamic connection each other
- Env
React 18.2.0
Next 13.4.4
Node 18.1.0
- Tips
Any React libraries that can implement this dynamic graphic componens.
highcharts, armcharts, and d3 available.
Auto bid and copied proposal will be rejected immediately, kindly start the word graph in your proposal.
The following is the dependencies we are using in the project.
"dependencies": {
"@amcharts/amcharts4": "^4.10.36",
"@amcharts/amcharts4-fonts": "^4.0.1",
"@amcharts/amcharts4-geodata": "^4.1.27",
"@ant-design/icons": "^5.1.4",
"@emotion/react": "^11.11.1",
"@emotion/styled": "^11.11.0",
"@highcharts/map-collection": "^2.1.0",
"@supabase/auth-helpers-nextjs": "^0.7.2",
"@supabase/supabase-js": "^2.26.0",
"@trendyol-js/react-carousel": "^3.0.2",
"antd": "^5.6.4",
"autoprefixer": "10.4.14",
"clsx": "^1.2.1",
"cross-env": "^7.0.3",
"d3": "^7.8.5",
"d3-drag": "^3.0.0",
"d3-force": "^3.0.0",
"d3-shape": "^3.2.0",
"d3-zoom": "^3.0.0",
"dayjs": "^1.11.9",
"eslint": "8.42.0",
"eslint-config-next": "13.4.4",
"highcharts": "^11.1.0",
"highcharts-react-official": "^3.2.0",
"lint": "^1.1.2",
"lodash": "^4.17.21",
"moment": "^2.29.4",
"msw": "^1.2.2",
"next": "13.4.4",
"postcss": "8.4.24",
"prop-types": "^15.8.1",
"react": "18.2.0",
"react-alice-carousel": "^2.7.1",
"react-device-detect": "^2.2.3",
"react-dom": "18.2.0",
"react-multi-carousel": "^2.8.4",
"react-slider": "^2.0.6",
"recharts": "^2.7.2",
"sass": "^1.45.1",
"sharp": "^0.32.4",
"swiper": "^8.4.7",
"tailwindcss": "^3.3.2"
}
If you have experience in creating interactive and dynamic graphs using React/Next, please reach out to discuss further details of the project.