## Where communities thrive

• Join over 1.5M+ people
• Join over 100K+ communities
• Free without limits
##### Activity
• Oct 26 2017 18:46
• Sep 22 2017 18:27
Megan Vo
@megan-vo
Ahh @drscotthawley it seems like you are on idyll-lang.github.io/editor which seems to be out of date. Would you try on here: https://idyll-lang.org/editor ?
Megan Vo
@megan-vo
^ This is the method in which I got it to work
Scott H. Hawley
@drscotthawley
@megan-vo Thanks. Ok, yes. Apparently for me it DOES make a difference whether I add "freq" to the top (which works) or in the middle (which doesn't). Movie attached.
So, I guess I'll need to always write my code from the bottom up?
Attaching movie... (oh ok for some reason the movie went before this message.)
oh the movie got cut off at the end, but there were a ton of javascript errors from when I added the "freq" definition in the middle.
Megan Vo
@megan-vo
Haha no worries. And yes I'm also finding that to be the case. It doesn't seem to be a a chart-specific error but more so one due to sticking a variable in the middle of the Editor document.
Megan Vo
@megan-vo
@drscotthawley You could also technically write top-down, but this might be frustrating if you find you need to add a variable later :\ Local projects won't have this issue as this problem seems to be Editor-specific. If you're willing to give that a go?
@mathisonian Is this expected Editor behavior?
Scott H. Hawley
@drscotthawley
Ok, probably best if I go local then in order to learn without hitting snags like this. Thanks @megan-vo!
Vignesh Pillay
@vignejs
import IdyllDocument from 'idyll-document';
import * as IdyllComponents from 'idyll-components';
import * as CustomComponent from './my-custom-path';

import classic from '../idl/classic.idl';

...

<IdyllDocument
components={Object.assign({}, IdyllComponents, CustomComponents)}
key={exampleValue}
markup={classic}
/>
did you write a custom loader for importing idyll markup or does it just works by default.
Matthew Conlen
@mathisonian
hey @megan-vo @drscotthawley sorry just finally able to get back to idyll stuff after brutal u.s. elections season
the compiler should "hoist" all the variables to the top of the document, so that seems like a bug to me if it doesn't work to initialize them down on the page
but generally agree, local is the way to go for now @drscotthawley, editor is mostly for easily sharing example code and just giving little demos. you'll find the local version a much better experience
@vignejs, i don't believe we have a custom loader. in that case you'd just want the markup included as a string, so depending on you build setup it might be as simple as tellign webpack to load .idyll or .idl files as plain text
Scott H. Hawley
@drscotthawley
@megan-vo Checking out your "stacked scrollers" tutorial, near the top it says "If you are not familiar with Idyll’s Scrollers, take a peek at this tutorial first" but the "this tutorial" link 404's. What's the proper URL for that?
Megan Vo
@megan-vo
Ah let me take a look! I should probably update that
Megan Vo
@megan-vo
Scott H. Hawley
@drscotthawley
Thanks!
Megan Vo
@megan-vo
No problem!
@mathisonian Sorry for not getting back sooner. Should I make an issue for the editor on github?
Scott H. Hawley
@drscotthawley
While I'm really here: I'd like to create an animation of a simulation that involves iteratively updating an array of points to plot, i.e. using finite difference approximations. The page on animations in Idyll mentions "Custom Tweening Functions" but then the link for "we can supply a custom tweening function via Idyll’s context API" also 404's.
Megan Vo
@megan-vo
Hmm these are good catches. Some information about the context API exists in plugins here: https://idyll-lang.org/docs/plugin-system under "Runtime Context" but it doesn't go into depth with animation like the article does :\
Scott H. Hawley
@drscotthawley
Ok, thank you. I think I'll take a break: I'm getting errors from the Animation Example whether I use the online editor or local installation. Will open an Issue on @mathisonian mathisonian's GitHub page.
Matthew Conlen
@mathisonian
hey @drscotthawley looking at your issue now
Matthew Conlen
@mathisonian
just left a response, i think you are close, likely a node version issue
@megan-vo yeah could you add an issue on GH to fix that editor issue?
is the 404 in the stacked scroller article from the idyll docs as well?
i need to add a couple redirects. it looks like we missed a couple when switching over the docs to the new system
Megan Vo
@megan-vo
Yep! I ll open an issue
And the link in the stacked scroller is another tutorial link so not from the idyll docs
Matthew Conlen
@mathisonian
thanks @megan-vo!
Megan Vo
@megan-vo
np!
borysj
@borysj

Hello! I am a high-school teacher from Norway that was looking for a tool to make interactive, web-publishable mathematics tutorials for students. Suddenly I've stumbled upon Idyll which seems like a gift from heaven :) so big thanks to everyone involved in making it! I have experience with HTML and Python, but I am not versed in CSS+JS, so getting the syntax right takes some time. However, it is a great opportunity to learn new things.

Sorry for a trivial question, but I am currently struggling with numbering (and labeling) the equations. I was previously using Typora (Markdown + MathJax), but apparently in Katex things are done differently. I cannot get \tag{} to work within [Equation], neither can I get the numbering off the ground automatically. Am I doing something wrong, or is this feature not available in Idyll's Katex?

Matthew Conlen
@mathisonian
hey @borysj - if you are having trouble getting things to work inside the equation tags, you can try to write it instead like [Equation latex:"your latex code here" /]. this will solve some potential issues where idyll markdown syntax and equation syntax collide
if its still a problem can you open an issue on github (https://github.com/idyll-lang/idyll/issues/new?template=bug_report.md) and we can work through it there?
also, welcome! glad you found the project, and hopefully you'll find it helpful for creating the tutorials
skim98
@skim98
Hello! I'm a university undergrad that is looking to use Idyll to make a scrolly telly post that displays globes. My group was trying to use React-Globe to make React components to embed into our Idyll post, but one thing that is an issue is that ReactGlobe seems to have a dependency on three (npm library). When we do the npm install --save three, and make a component using react-globe, it seems to throw errors that we don't understand how to fix. In particular, the error seems to be coming from the OrbitControls.js file of the three package in the node_modules folder of my idyll directory. Does anyone have any ideas on what is going on? I apologize for the slightly vague description of our problem.
Shlomi Hod
@shlomihod
Hey everyone! I wonder whether there is an example of working with annotated code (i.e., programming language)?
Matthew Conlen
@mathisonian
hi @skim98 - i believe there is an issue using threejs with server side rendering (related to idyll-lang/idyll#667)
you can turn that off by adding the --no-ssr flag after the idyll command (like this https://github.com/ParametricPress/02-corporations/blob/master/package.json#L6-L7)
hey @shlomihod
i'm not sure that i know exactly what you're looking for ... do you have an example of what you mean by annotated code?
Matthew Conlen
@mathisonian
i suspect you could throw something like that together with aside components and a little CSS but i imagine the nicest way to do it is via a custom component that you pass in both the source and annotation to. then you'd stack a series of those
skim98
@skim98
@mathisonian Thank you for the advice. As you said, I attempted to add a "scripts" section in the package.json file of my idyll directory, adding in this line to that section:
"start": "idyll --no-ssr --template _local.html"
However, I still seem to be running into the exact same issue
Am I adding the wrong information to the package.json file?
Matthew Conlen
@mathisonian
hrmm @skim98 - how are you running the project? are you using npm start or running idyll on the command line
if you're using idyll from command line, try changing to idyll --no-ssr and run that on command line
should have clarified that before - sorry for confusion!