cannot publish interactive slidify slides in rPubs, error "AccessDenied" (link to rChart). What should I do? - publish

I made some solidify slides, would like to publish into rPubs.
They are rChart plots using morris.js library (mPlot). I can view the presentation all right using runDeck(). However, when I publish('index.html', host = 'rpubs'), the plots did not show up, other text are all right. Error is "AccessDenied", the link to the rChart is broken.
Please help

Related

How to access the Canvas on Widget Blueprint in UE5 Graph

I am new to UE5. Trying to work out some UI. I have created a Widget Blueprint (HUD) on which I have placed a canvas (TheCanvas), on which I have placed a text:
Now I am trying to access the canvas (TheCanvas) in the Graph / node editor of the Widget Blueprint (HUD). I need this for some programming logic, such as e.g. getting a list of all the children on the canvas etc.
I have seen on screenshots that people can access this canvas, however I am unable to get a reference to it. When I type Canvas in the filter, it does not show up.
I thought I need to make TheCanvas a variable of the HUD, but I cannot find a way to do that either. There is no Promote to variable context menu, and no Expose checkbox on the details of the Canvas.
Being new to this, the concepts are not clear for me. Please can you advise what I am doing wrong? I need to programmatically access TheCanvas in the Graph/node editor of the HUD.
Thank you
Someone showed me the Is Variable checkbox on top of the Details panel. I was looking for it down in the properties box

How to call this color range in Autodesk Forge Data visualization?

How do I use the color range like the following image ? I've looked for it several times in the source code
This gradient bar is made with the React component HeatmapOptions and in the Hyperion Reference App, it's called from the BaseApp.
Here's the link to the documentation HeatmapOptions.

Images not loading in canvas

I am having trouble getting all my images to load for my canvas project at school. I can get the red dot to load and follow the mouse like its supposed to, but the rest does not want to work. Do I have a syntax error or am I missing a line of code? Any help would be greatly appreciated. Here is a link to the playcode:
https://playcode.io/599039/

mxClient renders different shapes all as squares

Several weeks ago I have been asked to upgrade a web application based on a very old version of MXGraph library (version 2.4). The application integrated also the 'grapheditor' a sort of demo application evolved later in Diagramly
and then in Draw.io). Recently I completed the more problematic step, the transition from old "grapheditor" to Draw.io, so I am now able to open all the previous diagrams (saved as plain XML), modify and save them consistently.
Ok, this is the nice part. The bad side is the 'read-only' section of the application ,where the users can more or less, only view the graph.
This page is based on the mxClient.js that renders the graph described in the xml through this code:
var graph = new mxGraph(container);
var diagram = mxUtils.parseXml(xml);
var codec = new mxCodec(diagram);
codec.decode(diagram.documentElement, graph.getModel());
graph.fit();
Upgrading the MX library to the last version (3.9.10) the same code works but some shapes are not rendered properly, they appears as squares instead of
circles, ellipses, etc. The two following images are an example of this misbehavior
Graph in the draw.io:
Same graph rendered by mxClient:
After some tries I discovered that the old mxClient is able to render the same graph perfectly (as draw.io does) so I think there have to be something wrong (or missing) in my code or mxGraph installation/configuration.
As a temporary workaround I can keep in place the old version of mxGraph but obviously I'd like to use the new one.
Can someone give me an hint on this? Any help would be very appreciated.
The tape shape isn't part of core mxGraph, it's part of the GraphEditor example, in the additional shapes JavaScript.
If you look at the style of the ellipse, it's probably not the one in the core, most likely another one from Shapes.js.
Either pull in shapes.js, or use the viewer in draw.io.

HTML5 - Image blur with stackblur

I am trying to use stackBlur (http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html) to blur entire image with stackBlurImage( 'srcimg', 'canvas', 10, false );. But neither it's working on local system nor on internet. Could someone please suggest me correct way of doing it?
Here is my jsFiddle - http://jsfiddle.net/yesprasoon/3KxrW/
Or please let me know any other way of blurring the image. CSS transition is not working in Phonegap for Android webkit.
UPDATE
Image was not getting blurred due to some '..because the canvas has been tainted by cross-origin data' error. I was testing it as local file in Chrome. Script runs fine with chrome:localhost/IE9/FF.
The reason is that you are not allowed to access and modify an image (with a canvas), unless it is hosted on the same server as your webpage.
See here for more details.
If the image is hosted alongside the webpage, then there is no problem using the code you provided (e.g. stackBlurImage("srcimg", "canvas", 5, false);).
See, also, this short demo.