idea Re: Arrows for network chart in Suggest an Idea

Arrows for network chart

simonaubert — Wed, 25 Nov 2020 15:38:50 GMT

Hello all,

A very simple idea : on the network chart, I would like to display arrows either parent=> child or child=>parent. something pretty much like that :

Best regards,

Simon

PS : with the lack of persisting colors/legend, it's the other reason it's pretty hard to use

Re: Arrows for network chart - Status changed to: Open - Collecting Feedback

Patric_Nordstrom — Mon, 03 Aug 2020 14:04:53 GMT

Thank you for your feedback on ways to improve our product. While this is something we understand would be useful, it's not on the short-term roadmap. Please continue to show your support for this idea.

Please note that the network chart is still open source:

https://github.com/qlik-oss/network-vis-chart

Feel free to fork and suggest pull requests for improvements and bug fixes. Changes will be moderated and reviewed before inclusion in future bundle versions. Please note that emphasis is on backward compatibility, i.e. breaking changes will most likely not be approved.

Fyi, the map chart has a nice line layer with arrows which can be used for graphs. Check out

#15 at https://community.qlik.com/t5/Qlik-GeoAnalytics-Documents/Top-10-QGA-tricks-Qonnections-2018/ta-p/1492355

and the chord diagram: https://community.qlik.com/t5/Qlik-Sense-Documents-Videos/Top-10-Visualization-tips-QlikWorld-2020/ta-p/1679607

Thanks,

Patric

Re: Arrows for network chart

simonaubert — Wed, 12 Aug 2020 05:53:12 GMT

Hello,@Patric_Nordstrom

Thanks for answering.

Sadly, I don't have the skills in javascript to fork the network chart or design my own extension (I can understand the lines and edit a few but it's more a copy-pasta thing). Acquiring this would take weeks or months.

About the map chart : I already use the line layer with arrow for a chart for a process study : a node for a step and a line for the quantity of product between the two steps. It was very well welcomed by the users, especially because you can see the fork of the bypassed steps. It was the first time they saw the stream of products this way.

But here, it's not the same use case : I have more than hundreds of nodes that I have to place and the calculation of where I have to put it is a real nightmare.

Re: Arrows for network chart

mountaindude — Wed, 11 Aug 2021 16:05:26 GMT

@simonaubert
FWIT, I've used the network chart in vis.js together with Sense data, but it took some significant Javascript and web development to make that happen.

The feature set of vis.js is pretty good though, so I'd be super happy if something similar could be added to the Qlik Sense network chart. Just not enough time to work on it..

Re: Arrows for network chart

mountaindude — Wed, 11 Aug 2021 16:06:40 GMT

Forgot: I would also like to see directional features!
A more complete DAG implementation, in other words.

Re: Arrows for network chart

mountaindude — Wed, 11 Aug 2021 16:16:48 GMT

A quick look in the GitHub repo shows the network extension actually DOES use vis.js - but an older version (4.2.1), GitHub link.

That older version is no longer maintained/developed, last update was several years ago.

A fork of it is on the other hand actively maintained: https://visjs.org
GitHub link.

As mentioned in previous post I've used this new version in a few projects - it's pretty slick.
The best approach would be to port the extension to make it use the newer vis.js.
Again - time... Anyone interested/with time to spare?

Re: Arrows for network chart

mountaindude — Fri, 13 Aug 2021 10:54:56 GMT

@simonaubert

I have updated the extension to include arrows, se examples below.

Questions for you/others:

1. As there are lots of options that could be potentially exposed to the developer, I've added sections (Nodes, Edges, General) in the property pane. Does this make sense?

2. Anything else beyond edge arrows that should be prioritised at this point? To give you an idea of what can be done, here are some examples.

My current plan is to release a new version of the extension with edge arrows, then let Qlik review it and hopefully include it in future Sense versions.
But there are lots of things that could be added in future versions - let's discuss what could be useful.

Re: Arrows for network chart

simonaubert — Fri, 13 Aug 2021 11:53:09 GMT

Hello @mountaindude ,

First of all, mazel tov for your work, that's pretty cool 🙂

As other things to prioritize on this network chart from most to least:
-management of colors as I pointed here
https://community.qlik.com/t5/Suggest-an-Idea/Network-chart-extension-persisting-colors/idi-p/1603298#M480
-custom shape
https://community.qlik.com/t5/Suggest-an-Idea/Network-chart-custom-dynamic-node-shape/idi-p/1789429
-custom link
https://community.qlik.com/t5/Suggest-an-Idea/Network-chart-format-link-between-nodes-dotted-hyphen-color/idi-p/1777630

(Yes, I did wrote a few idea on the topic 😄 )

For reference, the link to your amazing work
https://github.com/mountaindude/network-vis-chart

Best regards,

Simon

PS : did you upload the version with your changes on github ? I'm unable to find the arrow option.

Re: Arrows for network chart

mountaindude — Fri, 13 Aug 2021 12:51:03 GMT

Ah there were some other suggestions in the forum, cool.
I don’t think they can be implemented simply by exposing some properties of
the underlying vis library, i.e. some (or a lot) of coding required.

The thing I am debating myself is whether to implement per-node properties
or not.
Right now you can specify that ALL nodes should be dot-shaped or
diamond-shaped or …
My experience from working with network charts in the past indicate that
you usually want to control the property of individual nodes. E.g. some
nodes should be rectangular, some triangular, some diamonds etc.

Same for node colors, line types (dashed/dotted/solid) etc.

This is supported by the underlying vis library, the question is how we can
be expose it via the extension.
This will require some thought, I am thus inclined to release current
version (where edge arrows have been added) for now.

Re: Arrows for network chart

simonaubert — Tue, 07 Sep 2021 08:03:56 GMT

@Patric_NordstromHello. Can we imagine that Qlik implements the cool work done by @mountaindude for November 2021 release ?

Best regards,

Simon

Re: Arrows for network chart

simonaubert — Tue, 07 Sep 2021 08:29:05 GMT

@mountaindudeHello. I'm very sorry but I don't manage to use what you develop. Usually, we got a .qext and a few .js but there ? Can you share on github how you use it ?

Thanks

Re: Arrows for network chart

simonaubert — Tue, 07 Sep 2021 08:45:43 GMT

I alsou found that https://github.com/arumjin/Qlik-Sense-Network-Arrow-Chart

it works even if the arrows are too small.

Re: Arrows for network chart

Thirupathi1994 — Wed, 29 Dec 2021 11:04:16 GMT

Is "display edge arrow" has been included in the latest qliksense version for showing network chart arrow notations.

Re: Arrows for network chart

simonaubert — Wed, 29 Dec 2021 11:25:11 GMT

Hello @Thirupathi1994
Still not. But you can vote for the idea.
Best regards,
Simon

Re: Arrows for network chart

Thirupathi1994 — Fri, 31 Dec 2021 11:40:16 GMT

Hi Simon,

When can I expect "display edge arrow" feature in Network chart.

Regards,

Thiru.

Re: Arrows for network chart

Thirupathi1994 — Wed, 07 Sep 2022 11:47:02 GMT

Hi,

When can I expect "display edge arrow" feature in Network chart.

Regards,

Thiru.

Re: Arrows for network chart

DavidFosterVF — Thu, 15 Sep 2022 07:56:21 GMT

This and dimension based colours would be very helpful.

From now on, please track this idea from the Ideation por...

Meghann_MacDonald — Wed, 02 Aug 2023 15:05:21 GMT

From now on, please track this idea from the Ideation portal.

Link to new idea

Meghann

NOTE: Upon clicking this link 2 tabs may open - please feel free to close the one with a login page. If you only see 1 tab with the login page, please try clicking this link first: Authenticate me! then try the link above again. Ensure pop-up blocker is off.

Re: Arrows for network chart - Status changed to: Closed - Archived

Ideation — Wed, 02 Aug 2023 15:05:23 GMT