Hey Ian, Jig constructs its SVG code for each representation that you require. Animations and type fonts and colours are handled through CSS, but other constructions are all calculated on the spot. Of particular note are boxes that have their sizes cascade up through the chain, using particular positions for width and height so that the size of contents affects the size of the containing boxes so that the variable unicode outputs do not result in jagged edges. It may not get all the way to what you are looking for, but it does leverage the power of SVG and CSS (jig does not use javascript)
Cheers, bob > On Feb 19, 2021, at 07:20, greg heil <[email protected]> wrote: > > Ian > > About 5 years ago i moved in to a new house > before that i spent a couple years > communicating with an architect > Mostly on the web in SVG files > made mostly in Inkscape > with extracted components > which were handcrafted > before retesting > in the Inkscape environment > > Dropbox is no longer in the business > of allowing public use of their cloud > so i got knocked off the web > eventually i may resurrect that part on GitHub > or not > > Have to see > if there is an extractable component > i used E, N and planar view files > The main dynamics were sectional > and a plumbing flow > > ~greg > https//picsrp.github.io > > -- > > from: Ian Clark <[email protected]> > to: Chat forum <[email protected]> > date: Feb 19, 2021, 5:46 AM > subject: Re: [Jchat] Circulatory system graphic > > Greg wrote > >>> One can certainly tie SVG components to transitions in CSS and DOM events >>> like mouseovers and double clicks. Is that what you mean? > > Yes. > >> To expand on a bald answer, let me focus a little. Suppose I've found a nice >> svg of a Cadillac dashboard. I want to hack it so that I can >> programmatically give it an integer value (arising from a computation in J) >> to set the position of the steering wheel. That spotlights my requirement >> right now, and maybe for evermore. Generalize it to rocketship sprites, >> wriggling worms, watch-this-space text boxes, moving arrows and beating >> hearts. You get the idea. > >> Why? To spruce up a lacklustre app I'm working on with sexy graphics. > >> Now a decade ago I was doing this sort of thing in plain html with embedded >> javascript and a series of overlaid images. So crude. So simple. So why am I >> (quote) "outside my comfort zone" now? > >> Python promotes itself by offering "just one way to do it". In stark >> contrast, HTML and SVG (not to mention J) could boast: there's always one >> more way to do it (if you think that's a virtue), i.e. "giving it" the >> integer. If I had a spare 2 weeks to plow thru reams of badly written how-to >> articles, stackoverflow posts, missing manuals and ladders with missing >> rungs, in the end I'd find something that someone could have shown me in 3 >> lines of code. But I don't. > >> The way forward? Snoop around for code samples. Do you have one for me? I >> don't know what I'm looking for but I'll sure recognize it when I see it. > > Ian > ---------------------------------------------------------------------- > For information about J forums see http://www.jsoftware.com/forums.htm ---------------------------------------------------------------------- For information about J forums see http://www.jsoftware.com/forums.htm
