Complete Dashboard Design HTML, CSS & Plotly JS | Advanced Dashboard From Scratch
Learn how to create a complete dashboard design using HTML, CSS and the Plotly Chart Library that gives you some amazing Charts with many options and customizations.
Google Icons:
https://fonts.google.com/icons
Plotly Graphing Libraries:
https://plotly.com/javascript/
What you will learn:
-How to
Create 5 different responsive charts using Plotly JS (Bar, Timeline (Scientific), Pie, Donut, Carpet)
Customize the charts to fit in with your dashboard theme
Add remote data to be displayed on a chart
Implement CSS Neumorphism into the design
Create a responsive navbar from scratch
Create a responsive sidebar from scratch with icons, links and other content
Create different types of panels for the dashboard UI. (Lists, Goals, Text, Sales)
Add Google icons to the UI
Use CSS Grid and Flexbox to create some amazing layouts that look good on all screen sizes
And much more...
Don't hesitate to ask for help if you face any trouble re-creating a project from any of my videos. I will gladly help :)
Get The Source Code From All Of My Videos:
https://www.buymeacoffee.com/webcode/...
Follow me on Instagram:
/ quickcodingtuts
My Products:
https://www.buymeacoffee.com/webcode/...
Support Me To Keep Creating And Improving My Content:
https://paypal.me/quickcodingtuts?loc...
Tags:
#dashboard
#javascript
#html
On this page of the site you can watch the video online Complete Dashboard Design HTML, CSS & Plotly JS | Advanced Dashboard From Scratch with a duration of hours minute second in good quality, which was uploaded by the user QCT 25 October 2021, share the link with friends and acquaintances, this video has already been watched 17,254 times on youtube and it was liked by 295 viewers. Enjoy your viewing!
