Notes 📝 and Links 🔗

Things I show:

3️⃣x “Little Applications” on the left; briefly! ⚡

Things I don’t show:

I don’t dwell on the calculang code in my talk, but if you want to, you can!

calculang code tips 🪙

My goal is to design a simple and above all flexible language for calculations. Think spreadsheet-formula-esque in complexity terms - except with meaningful labels and not locked to layout (which is not flexible!).
Flexibility in-depth is for another day, but I mention some important details in the calculang README, section on design principles.
Look at the formulae behind calculations for the Savings Calculator and Projectile Simulation.
If slow/tedious, or to see the formulae behind the Raycasting application, you can always find calculang code in your developer tools (thanks source maps!):
- Press Ctrl+Shift+I, then Crtl+P, search .cul.js and pick the calculang file.
Alternatively find the code for the entire website on GitLab.
Don’t forget to send me feedback! :)

The Savings Calculator gets mad slow because the “values used” piece was rushed just to include.

I don’t dwell on application code either. The stack for this website is Quarto where I include reactive Observable JS. You can find the website code on GitLab.

I show workings inside the Little Applications, and visuals around them. I don’t show the browser extension that should become a new home for them.

The dev tools on the left. Go there to see some calculang compilation internals! + tools which help to design calculang models; these will grow and integrate with popular editors!

I don’t show calcuvizspec, a JS visualization API for calculang models. Visuals in the little applications use this API. A separate presentation includes many more examples. To see the code, use the ▶ Code buttons!

calculang

on GitHub

Twitter | Fosstodon : I make announcements on these

Examples are a little scattered; I’m working on a community gallery - tell me if you would like to contribute!

Some places where my own work is:

blog posts on CalcWithDec.dev
very draft models on calcy-quarty-vizys-online
less drafty publications on my ObservableHQ

I started a YouTube channel! There you’ll see me develop live(ish) with calculang; @CalcWithDec.

Me

LinkedIn | CalcWithDec.dev | YouTube

Me on Discord: calcwithdec

--- title: "Notes 📝 and Links 🔗" #author: # - name: "Declan 🧮👨‍💻 CalcWithDec.dev " # url: "https://calcwithdec.dev/about.html" format: html: page-footer: right: "Made with 💓 and [calculang](https://github.com/calculang/calculang)" echo: false code-fold: true code-tools: true repo-url: https://gitlab.com/declann/calcwithdec.dev issue-url: https://gitlab.com/declann/calcwithdec.dev/-/issues repo-actions: - edit - source - issue --- ### Things I show: 3️⃣x "Little Applications" on the left; briefly! ⚡ ### Things I don't show: I don't dwell on the **calculang code** in my talk, but if you want to, you can! ::: {.callout-tip title="calculang code tips 🪙" collapse=true} - My goal is to design a **simple** and **above all *flexible*** language for calculations. Think spreadsheet-formula-esque in complexity terms - except with meaningful labels and not locked to layout (which is not flexible!). - Flexibility in-depth is for another day, but I mention some important details in the calculang README, section on [design principles](https://github.com/calculang/calculang#design-principlesfeatures). - Look at the formulae behind calculations for the Savings Calculator and Projectile Simulation. - If slow/tedious, or to see the formulae behind the Raycasting application, you can always find calculang code in your **developer tools** (thanks source maps!): - Press `Ctrl+Shift+I`, then `Crtl+P`, search `.cul.js` and pick the calculang file. - Alternatively find the code for the entire website [on GitLab](). - Don't forget to send me feedback! :) ::: {.callout-warn} The Savings Calculator gets mad slow because the "values used" piece was rushed just to include. ::: ::: I don't dwell on application code either. The stack for this website is [Quarto](https://quarto.org) where I include reactive [Observable JS](https://observablehq.com/@observablehq/observable-javascript). You can find the website code [on GitLab](https://gitlab.com/declann/calculang-talk-belfastjs). I show workings *inside* the Little Applications, and visuals around them. I don't show the [browser extension](https://github.com/calculang/calculang/issues/5) that should become a new home for them. The **dev tools** on the left. Go there to see some calculang compilation internals! + tools which help to design calculang models; these will grow and integrate with popular editors! I don't show calcuvizspec, a JS visualization API for calculang models. Visuals in the little applications use this API. A [separate presentation](https://calcuvizspec-presentation.pages.dev/calcuvizspec-revealjs) includes many more examples. To see the code, use the ▶ Code buttons! ## calculang [on GitHub](https://github.com/calculang/calculang) [Twitter](https://twitter.com/calculang) | [Fosstodon](https://fosstodon.org/@calculang) : I make announcements on these Examples are a little scattered; I'm working on a **community gallery** - tell me if you would like to contribute! Some places where my own work is: - blog posts on [CalcWithDec.dev](https://calcwithdec.dev) - very draft models on [calcy-quarty-vizys-online](https://calcy-quarty-vizys-online.pages.dev/) - less drafty publications on [my ObservableHQ](https://observablehq.com/collection/@declann/calculang) I started a YouTube channel! There you'll see me develop live(ish) with calculang; [@CalcWithDec](https://youtube.com/@CalcWithDec). ## Me [LinkedIn](https://twitter.com/calculang) | [CalcWithDec.dev](https://calcwithdec.dev/about) | [YouTube](https://youtube.com/@CalcWithDec) Me on **Discord**: calcwithdec