Aesthetics: Make node border colors and arrowheads consistent with schema view

[prrao87]

#101 made the schema visualization really nice-looking. For the query browser, it would be nice to add a similar enhancement.

The following shows how it currently looks when returning a query result:

The schema view looks like this:

Changes

• We should color the nodes for query results the same way as we do for the schema view: the border color should be a darker version of the node's background color. This would make it much nicer aesthetically and more similar to other graph visualization tools.
• We should also make the arrowhead shapes in the query result similar to the schema view - having a filled triangle as the arrowhead (as we do in the schema view) looks better for a relationship visualization in a graph.

[mewim]

1 is handled by #115.
I checked 2 and it seems I did not do anything special to configure the edge style - it is simply an effect of line width. I will see if there is any alternative solution to override the arrow style.

[prrao87]

We could just increase the line width like we do in the schema. Same setting, same effect :)

[mewim]

We could just increase the line width like we do in the schema. Same setting, same effect :)

Since the viz for console is drawn on a smaller canvas, it might not be desirable to draw everything big. But maybe a tweak of pixel size + zooming level can create a good result. It'll require some tweaking.

[prrao87]

Seems like the arrowheads can be customized to triangle shape by using G6.Arrow.triangle per the docs

[mewim]