元素周期表的可视化复现
frombokeh.plottingimportfigurefrombokeh.sampledata.periodic_tableimportelementsfrombokeh.transformimportdodge,factor_cmapfrombokeh.ioimportoutput_notebook,show# 在notebook中展示output_notebook()数据探索
以下数据如果有需要的同学可关注公众号HsuHeinrich，回复【数据可视化】自动获取～
# 导入数据frombokeh.sampledata.periodic_tableimportelements df=elements.copy()df.head()# 数据预处理# 基本变量periods=["I","II","III","IV","V","VI","VII"]groups=[str(x)forxinrange(1,19)]cmap={"alkali metal":"#a6cee3","alkaline earth metal":"#1f78b4","metal":"#d93b43","halogen":"#999d9a","metalloid":"#e08d49","noble gas":"#eaeaea","nonmetal":"#f1d4Af","transition metal":"#599d7A",}TOOLTIPS=[("Name","@name"),("Atomic number","@{atomic number}"),("Atomic mass","@{atomic mass}"),("Type","@metal"),("CPK color","$color[hex, swatch]:CPK"),("Electronic configuration","@{electronic configuration}"),]df["atomic mass"]=df["atomic mass"].astype(str)df["group"]=df["group"].astype(str)df["period"]=[periods[x-1]forxindf.period]df=df[df.group!="-"]df=df[df.symbol!="Lr"]df=df[df.symbol!="Lu"]绘制基本的方块图
# 初始化布局p=figure(title="Periodic Table (omitting LA and AC Series)",width=1000,height=450,x_range=groups,y_range=list(reversed(periods)),tools="hover",toolbar_location=None,tooltips=TOOLTIPS)# 添加方格快r=p.rect("group","period",0.95,0.95,source=df,fill_alpha=0.6,legend_field="metal",color=factor_cmap('metal',palette=list(cmap.values()),factors=list(cmap.keys())))show(p)# 方格上添加文字# 自定义文字属性text_props=dict(source=df,text_align="left",text_baseline="middle")x=dodge("group",-0.4,range=p.x_range)# 调整"group"所在的坐标，使其向左偏移0.4单位# 添加文字p.text(x=x,y="period",text="symbol",text_font_style="bold",**text_props)# 添加symbolp.text(x=x,y=dodge("period",0.3,range=p.y_range),text="atomic number",# 添加atomic numbertext_font_size="11px",**text_props)p.text(x=x,y=dodge("period",-0.35,range=p.y_range),text="name",# 添加nametext_font_size="7px",**text_props)p.text(x=x,y=dodge("period",-0.2,range=p.y_range),text="atomic mass",# 添加atomic masstext_font_size="7px",**text_props)p.text(x=["3","3"],y=["VI","VII"],text=["LA","AC"],text_align="center",text_baseline="middle")# 添加指定文字show(p)# 调整下布局p.outline_line_color=Nonep.grid.grid_line_color=Nonep.axis.axis_line_color=Nonep.axis.major_tick_line_color=Nonep.axis.major_label_standoff=0p.legend.orientation="horizontal"p.legend.location="top_center"p.hover.renderers=[r]# 指标悬停只在r（之前绘制的矩形方格）上生效show(p)参考：A rendering of the Periodic table
共勉～
