[知识图谱实战篇] 五.HTML+D3添加鼠标响应事件显示相关节点及边源码

前文介绍了Python3抓取电影实体知识，Seaborn可视化展示电影信息，D3可视化布局，关系图谱基本构建。本篇文章将实现如下图所示的功能，主要包括： 1.建立两种模式，点击“节点”显示所有圆，点击“文字”显示实体名称 2.添加鼠标响应事件，选中某一个节点显示其相关的节点及边 3.鼠标放开恢复所有节点 --------------------- 作者：Eastmount 来源：CSDN 原文：https://blog.csdn.net/Eastmount/article/details/87116136 版权声明：本文为博主原创文章，转载请附上博文链接！

# coding: utf-8
import urllib.request as urllib2
import json

#设置headers
headers = {}
headers[“User-Agent“] = “Mozilla/5.0 （Windows NT 10.0; Win64; x64） AppleWebKit/537.36 （KHTML like Gecko） Chrome/70.0.3538.102 Safari/537.36“

#读取文件-读取json信息并将json格式数据转换为字典
f = open（‘films.csv‘ ‘r‘ encoding=‘utf-8‘）
films = []
for line in f.readlines（）:
    #print（line）
    print（line.strip（‘\n‘））
    line = json.loads（line.strip（‘\n‘））
    films.append（line）
f.close（）

#遍历每部电影films的实体并获取其他实体
#获取 characters人物 planets星球 starships飞船 vehicles装备 species种族
targets = [‘characters‘ ‘planets‘ ‘starships‘ ‘vehicles‘ ‘species‘]

for target in targets:
    print（target）
    #循环获取五类数据并存储至文件
    fw = open（‘film_‘ + target + ‘.csv‘ ‘w‘）
    data = []
    #获取7部电影信息的实体名称
    for ite

 属性            大小     日期    时间   名称
----------- ---------  ---------- -----  ----

     文件      19712  2019-01-31 15:32  （best）完整代码\（1） 爬虫 Spider_KG\films.csv

     文件      42166  2019-01-31 15:35  （best）完整代码\（1） 爬虫 Spider_KG\film_characters.csv

     文件       9894  2019-01-31 15:35  （best）完整代码\（1） 爬虫 Spider_KG\film_planets.csv

     文件      20519  2019-01-31 15:37  （best）完整代码\（1） 爬虫 Spider_KG\film_species.csv

     文件      20993  2019-01-31 15:36  （best）完整代码\（1） 爬虫 Spider_KG\film_starships.csv

     文件      18780  2019-01-31 15:37  （best）完整代码\（1） 爬虫 Spider_KG\film_vehicles.csv

     文件       1986  2019-01-31 15:33  （best）完整代码\（1） 爬虫 Spider_KG\get_details.py

     文件        805  2019-01-31 15:32  （best）完整代码\（1） 爬虫 Spider_KG\get_films.py

     文件      19712  2019-01-31 15:32  （best）完整代码\（2） 可视化 ShowPic_KG\films.csv

     文件      42166  2019-01-31 15:35  （best）完整代码\（2） 可视化 ShowPic_KG\film_characters.csv

     文件       9894  2019-01-31 15:35  （best）完整代码\（2） 可视化 ShowPic_KG\film_planets.csv

     文件      20519  2019-01-31 15:37  （best）完整代码\（2） 可视化 ShowPic_KG\film_species.csv

     文件      20993  2019-01-31 15:36  （best）完整代码\（2） 可视化 ShowPic_KG\film_starships.csv

     文件      18780  2019-01-31 15:37  （best）完整代码\（2） 可视化 ShowPic_KG\film_vehicles.csv

     文件       1986  2019-01-31 15:33  （best）完整代码\（2） 可视化 ShowPic_KG\get_details.py

     文件        805  2019-01-31 15:32  （best）完整代码\（2） 可视化 ShowPic_KG\get_films.py

     文件        732  2019-02-01 14:18  （best）完整代码\（2） 可视化 ShowPic_KG\get_jsondetails.py

     文件        756  2019-01-31 17:12  （best）完整代码\（2） 可视化 ShowPic_KG\get_jsonfils.py

     文件       1804  2019-02-01 15:10  （best）完整代码\（2） 可视化 ShowPic_KG\show_height_mass.py

     文件        896  2019-02-01 15:16  （best）完整代码\（2） 可视化 ShowPic_KG\show_height_mass2.py

     文件        582  2019-02-01 14:04  （best）完整代码\（2） 可视化 ShowPic_KG\show_hist.py

     文件        831  2019-02-01 14:22  （best）完整代码\（2） 可视化 ShowPic_KG\show_scatter.py

     文件       1119  2019-02-01 13:48  （best）完整代码\（2） 可视化 ShowPic_KG\stat_basic.csv

     文件       5041  2019-02-01 14:18  （best）完整代码\（2） 可视化 ShowPic_KG\stat_character.csv

     文件      19712  2019-01-31 15:32  （best）完整代码\（3-1） 获取json数据 neo4j_data\films.csv

     文件      42166  2019-01-31 15:35  （best）完整代码\（3-1） 获取json数据 neo4j_data\film_characters.csv

     文件       9894  2019-01-31 15:35  （best）完整代码\（3-1） 获取json数据 neo4j_data\film_planets.csv

     文件      20519  2019-01-31 15:37  （best）完整代码\（3-1） 获取json数据 neo4j_data\film_species.csv

     文件      20993  2019-01-31 15:36  （best）完整代码\（3-1） 获取json数据 neo4j_data\film_starships.csv

     文件      18780  2019-01-31 15:37  （best）完整代码\（3-1） 获取json数据 neo4j_data\film_vehicles.csv

............此处省略24个文件信息