Как выполнить сценарий Python, использующий библиотеку, которая создает визуализацию в панели Angular JS?

Я пытаюсь понять, как лучше всего интегрировать код Python и вывести его на панель Angular.

Вот библиотека, которую я хотел бы выполнить на Python, а затем получить рендеринг и поместить его в панель Angular JS: https://robert-haas.github.io/gravis-docs/index.html

Библиотека называется Gravis, и этот рендеринг может быть выведен несколькими способами, такими как использование gv.vis(), gv.d3(), fig.display(), fig.export_html(), а также экспорт в svg и другие. Я пытаюсь понять, какой наиболее оптимальный способ сделать это с помощью Angular Javascript или просто JS в целом.

Вот пример кода на Python, который выводит визуализацию Gravis:

import gravis as gv
graph1 = {
    'graph':{
        'directed': True,
        'metadata': {
            'arrow_size': 5,
            'background_color': 'black',
            'edge_size': 3,
            'edge_label_size': 14,
            'edge_label_color': 'white',
            'node_size': 15,
            'node_color': 'white',
        },
        'nodes': {
            1: {'metadata': {'shape': 'rectangle', 'y': 200}},
            2: {},
            3: {},
            4: {'metadata': {'shape': 'rectangle', 'y': 200}},
            5: {'metadata': {'shape': 'hexagon', 'y': 0}},
        },
        'edges': [
            {'source': 1, 'target': 2, 'metadata': {'color': '#d73027', 'de': 'Das',   'en': 'This'}},
            {'source': 2, 'target': 3, 'metadata': {'color': '#f46d43', 'de': 'ist',   'en': 'is'}},
            {'source': 3, 'target': 1, 'metadata': {'color': '#fdae61', 'de': 'das',   'en': 'the'}},
            {'source': 1, 'target': 4, 'metadata': {'color': '#fee08b', 'de': 'Haus',  'en': 'house'}},
            {'source': 4, 'target': 3, 'metadata': {'color': '#d9ef8b', 'de': 'vom',   'en': 'of'}},
            {'source': 3, 'target': 5, 'metadata': {'color': '#a6d96a', 'de': 'Ni-.',  'en': 'San-'}},
            {'source': 5, 'target': 2, 'metadata': {'color': '#66bd63', 'de': 'ko-',   'en': 'ta'}},
            {'source': 2, 'target': 4, 'metadata': {'color': '#1a9850', 'de': 'laus.', 'en': 'Claus.'}},
        ],
    }
}

gv.d3(graph2, use_node_size_normalization=True, node_size_normalization_max=30,
      use_edge_size_normalization=True, edge_size_data_source='weight', edge_curvature=0.3)`

Можно ли вызвать этот Python-скрипт со всеми его библиотеками, получить на выходе результат и отобразить его через панель Angular?

Спасибо

Я пробовал использовать PyScript, но количество поддерживаемых им библиотек ограничено. Я экспериментировал с Flask и Django, но у меня мало знаний об их интеграции с Angular Javascript.

Вернуться на верх