Is there a free tool i can use to plan my dashboard, and then get the html code off of it, so i can fill the <div>s with JS?

Wix.com

Ddg: "html wysiwyg editor"

@yellow-dog I think he wants a Js builder though.. it writes the Js for him.

@C0D4 we plan to write the JS ourselves as a group. Just need an html to plug stuff if. I could potentially write the html myself, but why bother... i hate html&css... no container aligns to where you want it to go... i am not an artist ... so i ll just get something premade and fill it up with our charts and graphs...

@eisenhiem HTML is worth learning and very easy. Use display: flex

@AlgoRythm i tried it. Nothing works for me 😭
I cant even get bootstrap to show properly ... so i just made peace with the fact there may be tools like wix or whatever out there!

Try WYSIWYG or Adobe Dreamweaver/Xd

@eisenhiem don't use bootstrap just use some simple flex designs. I can guarantee that JS is harder

@AlgoRythm correct. You will have to use a buggy scripting api to write properties for an even more buggy engine.

if you need a dashboard tool have a look at
https://grafana.com/

Grafana Dashboards - discover and share dashboards for Grafana ...

@AlgoRythm
Seems like the issues here are more fundamental in nature.

It sounds like you want to build a prototype and add your logic after it looks good. Try https://www.axure.cloud/

You can build your prototype and export the html from it, you will also get the css styles. After it looks good for you add your JavaScript.

But I can tell you, it will be better if you learn html and css to build everyrhing from scratch or at least use bootstrap or material design that will fast up your development.

@carboneum
Nothing axure produces is compatible with flex or modern development. It's definitely not worth the cost.

@molaram guy can't use basic HTML/css, and I do mean the basic stuff, yet wants to write complex JS for dashboards.

@eisenhiem sorry, I thought it was the other way.

https://w3layouts.com/preview/...

Everything you'll need is in that link, just extend on it or remove the bits you don't want.

Thanks all: really helpful. I didnt actually know about wysiwyg. Nobody talked about this in class.

@eisenhiem Perhaps because all the articles about it stars with "Web Designers Hate This Guy! Build Your Website With This Simple Program!"

@eisenhiem however do yourself a favor and teach yourself some html & css nevertheless.

https://scrimba.com/
www.freecodecamp.org
www.codecademy.com

@heyheni i know "some". Enough to build a webpage that looks like its from the 80s 😂

@eisenhiem 80's were nice. Don't approach to 90s though

Like i said, i can make it look like this! 🤣

That's 2008s not 80s

Well its definitely not current fancy style... its functional though. Thats for sure.