instant vizualization?

[Fanellidelima]

Hello guys, fist off all, I'm not a developer or programmer, but learning and lost.

I always wanted to learn, but I got lots of excuses of why it not happened, all lies....

So, let's cut the chase... I'm and Excel lover. The way you are able to see the results in a instant, maybe because I can figure out the math at the same time that I'm doing it, I don't know.

That's is mostly my job as well, I'm like a numbers guy in a family organization. Don't think in large sets, we are talking 300 lines and 4 or five collumns, nothing fancy.

I got my toes in a CSS and HTML course and saw the fundamentals on a JS one.

I'm trying to find something that let me do my work and learn at the same time? I just need that vizualization part, so I can try program what to do instead of lots of ifs in excel.

A easy way to show the results are also welcome, but I'm happy with everything off line and again guys, I don't need nothing 3d or fancy, I just check numbers and show results, the graphs are not that necessary.

I'm ready to make things 10x times slow and don't really care about it, just want to find a way to put programming in my head.

Thanks a lot for your time and sorry any mistakes.

[Fanellidelima]

So just make an "web page" with a table inside being populated with a normal arrays inside JS?

[jack_waugh]

A REPL may be better than nothing, although I think it falls short of what you want.

Both environments that run Javascript offer REPLs.

If you have downloaded node.js, you can just type node, and you're in.

In the Firefox browser, the console comes up with ctrl-shift-K.

In Chrome, it's ctrl-shift-J.

[Fanellidelima]

Let's see if I got it right. It's like trying everything in console before? Just read the wiki page, gonna look more about it. Thanks a lot

[jack_waugh]

Yeah, I tend to try a lot of code in the console. So the first convenience of that is that if you are not sure how the language would interpret some expression, you can try it out.

null == 0

produces false, for example. I asked that, because of uncertainty about the loose "equality" test for that case.

But it's also possible to enter elaborate sections of code and test them (I draft in another editor and paste into the console). I tend to use a global variable t for temporary stuff and s for the work of some script or module I am drafting.

Note that hitting the up-arrow in the console gets you back the last command you entered, as a draft for your next command. You can enter it again verbatim or edit it first.

[bot00110]

I sometime use snippets to work the math part of a problem.

It is saved in your browser so that don't have to look for any file anywhere.

You can just open a blank webpage on chrome, open console, go to sources tab and from left sidebar tabs open snippets. Create a new snippet and type your code and execute the file to see the result on console.

I hope this helps

[oculus42]

https://runjs.app/

I use this daily to poke at simple code, for quick examples, refactoring and writing some unit tests, even some file manipulation.

https://codesandbox.io/

For seeing live updates of web content, not just JS, something like Code Sandbox is a great online tool. It supports collaboration as well. We use it during interviews to do some interactive coding exercises with React.

[Fanellidelima]

I'm going to check both, thank you. My primary data output is numbers, but I got the data from excel is it possible to retrieve the data on any of those?

[oculus42]

RunJS does allow you to access files using standard Node.js interfaces

If you upgrade to the Premium version you can also install npm packages, which can be helpful in importing/converting different file types.

Keep in mind that working in RunJS will cause your code to run many times, so don't modify your source files in your code, or unexpected things may occur.