What's the syntax for displaying a FontAwesome icon at a given node location? I've

<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.github

The answer lies in <a href="https://pyvis.readthedocs.io/en/latest/documentation.html#

Please note I still have to hack in the font-awesome CSS... <div class="snippet-cl

Answered: <a class="issue-link js-issue-link" data-error-text="Failed to load title" d

What's the syntax for displaying a FontAwesome icon? about pyvis HOT 6 CLOSED

westhealth commented on August 30, 2024

What's the syntax for displaying a FontAwesome icon?

from pyvis.

Comments (6)

dmoore247 commented on August 30, 2024 3

Found the answer... pretty clever library, the options are dictionaries mirroring the JS code.

import pandas as pd

net = Network(height="400px", width="400px", bgcolor="#222222", font_color="white", notebook=True, directed=True)
net.options.groups = {
            "users": {
                "shape": 'icon',
                "icon": {
                    "face": 'FontAwesome',
                    "code": '\uf0c0',
                    "size": 50,
                    "color": 'orange'
                }
            },
            "table": {                 
              "shape": 'icon',
              "icon": {
                  "face": 'FontAwesome',
                  "code": '\uf0ce',
                  "size": 50,
                  "color": 'green'
                }
            }
        }

net.add_node("a", shape="icon", group="users")
net.add_node("b", shape="icon", group="table")
net.add_edge("a","b")
net.show("net.html")

# patch in font-awesome css
# replace https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
html_str = net.html.replace(
  '<head>',
  '<head><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css"/>'
)
#print(html_str)
displayHTML(html_str)```

from pyvis.

dmoore247 commented on August 30, 2024

from pyvis.

dmoore247 commented on August 30, 2024

The answer lies in https://pyvis.readthedocs.io/en/latest/documentation.html#pyvis.network.Network.add_node and the 'group' optional parameter to the node.

from pyvis.

dmoore247 commented on August 30, 2024

Please note I still have to hack in the font-awesome CSS...

# replace https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
html_str = net.html.replace(
  '<head>',
  '<head><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css"/>'
)```

from pyvis.