Generic JavaScript View - Problems with recreating the Heatmap example

[d4t4v1z]

Hi all,

I was trying to recreate the Heatmap Example from the KNIME blog
https://www.knime.com/blog/from-d3-example-to-interactive-knime-view-in-10-minutes

After downloading the Example-knwf I realized that it uses the depreciated Generic JavaScript View node. The node still works and You get a nice Heatmap.

In the next step I just dragged in the current JavaScript View node and used the same CSS and JavaScript as in the depreciated version. After executing the node and selecting the interactive view I get the following message:

“Error in script
TypeError: cannot read property ´format´of undefined at eval (eval al …”

Has anybody of You guys encountered the same problem?
I guess (hope) it´s something pretty obvious.

Thanks in advance
Mat

[d4t4v1z]

Just found another dicussion adressung the same problem:

D3 example workflow in KNIME 3.3 not working

Hi Richard, I had a quick look at your workflow. You are correct in your assumption that D3 v4 is the problem, why the code doesn't run anymore. If you want to adapt the code to work with the new D3, you can take a look at https://github.com/d3/d3/blob/master/CHANGES.md to see what has changed. Basically a lot of the d3 calls have been shortened, which they call the 'great namespace flattening'. Other calls might have been renamed. To load an older D3 version your code was almost correct, but …

Will try out the suggestions and report back here.

[DanielBog]

Hey Mat,

you already found the solution. Infact the error results from the update of D3 v3 to D3 v4, as they have changed a lot of commands. I have attached an updated version of the workflow which should work with D3 v4.

If you have any further questions, feel free to ask.

Greetings,
Daniel

D3 Days-Hour Heatmap Example_D3_V4.knwf (24.2 KB)

[d4t4v1z]

Hi Daniel,

Thank You! Works great.

Best
Mat