Set thickness of relationship line

Neo4j Graph Platform
1

Hello everybody,

I'm new here and try my hand at chess moves.
My first draft looks pretty good.
But now I would like to set the thickness of the relationship with the variable "count".

I already looked for something similar in the forum and found neovis.
I am still very inexperienced and could not use the neovis github example with me.
My question is. Do I really need neovis?
What options do I have to solve the whole thing?

graph(1)
graph

cyphter code:

CREATE
  (`0`: pos {name:" B00 King's Pawn ", fen:" rnbqkbnr / pppppppp / 8/8 / 4P3 / 8 / PPPP1PPP / RNBQKBNR b KQkq - 0 1 "}),
  (`1`: pos {name:" C20 King's Pawn Game ", fen:" rnbqkbnr / pppp1ppp / 8 / 4p3 / 4P3 / 8 / PPPP1PPP / RNBQKBNR w KQkq - 0 2 "}),
  (`5`: start {name: 'Starting Position', fen: "rnbqkbnr / pppppppp / 8/8/8/8 / PPPPPPPP / RNBQKBNR w KQkq - 0 1"}),
  (`6`: pos {name:" C20 Center Game ", fen:" rnbqkbnr / pppp1ppp / 8 / 4p3 / 3PP3 / 8 / PPP2PPP / RNBQKBNR b KQkq - 0 2 "}),
  (`7`: pos {name:" A40 Queens Pawn Game ", fen:" rnbqkbnr / pppppppp / 8/8 / 3P4 / 8 / PPP1PPPP / RNBQKBNR b KQkq - 0 1 "}),
  (`8`: pos {name:" A40 Englund Gambit ", fen:" rnbqkbnr / pppp1ppp / 8 / 4p3 / 4P3 / 8 / PPPP1PPP / RNBQKBNR w KQkq - 0 2 "}),
  (`0`) - [:` move` {name: "e5", count: '35535607'}] -> (`1`),
  (`5`) - [:` move` {name: "e4", count: "125111153"}] -> (`0`),
  (`1`) - [:` move` {name: "d4", count: '2217768'}] -> (`6`),
  (`5`) - [:` move` {name: "d4", count: '67841629'}] -> (`7`),
  (`7`) - [:` move` {name: "e5", count: '1922672'}] -> (`8`),
  (`8`) - [:` move` {name: "e4", count: '31719'}] -> (`6`)
  • neo4j browser version

many Greetings

Fl0x

2

Hi @Fl0x, Welcome to Neo4j Community.
Great Question. Neo4j browser support "Styles" using grass format (GRaph Style Sheet), somewhat similar to css, but Neo4j prefers it to be a JSON file.

{
    "node": {
        "diameter": "100px",
        "color": "#FFD86E",
        "border-color": "#EDBA39",
        "border-width": "2px",
        "text-color-internal": "#604A0E",
        "font-size": "16px"
    },
    "relationship": {
        "color": "#68BDF6",
        "shaft-width": "13px",
        "font-size": "14px",
        "padding": "3px",
        "text-color-external": "#000000",
        "text-color-internal": "#FFFFFF",
        "caption": "<type>"
    }
}

But, this "css" type is more static, and can't be called through cypher as cypher query can be ran both in command-line and also in browser.

As a fan of D3.js (& plotly) most of my end dashboard interactive visual are in D3,js and other React front-end (using compaines official css colors), where the thinkness / color of the node or relationships are controlled more flexible fashion.

Another option is to try yWorks. The app can be installed in Neo4j Desktop too.

More options and products -

Let me know if this works. If you need any assistance in D3.js or neovis let me know, more happy to help out.