def alluvial_plot(sndata):
data_trace = dict(
type='sankey',
domain=dict(x=[0, 1], y=[0, 1]),
hoverinfo="none",
orientation="h",
# valueformat=".0f",
# valuesuffix="% of pages - present",
node=dict(pad=10,
thickness=30,
label=list(
map(lambda x: x.replace("_", " ").capitalize(),
sndata['node']['label'])),
color=sndata['node']['color']),
link=dict(
source=sndata['link']['source'],
target=sndata['link']['target'],
value=sndata['link']['value'],
label=sndata['link']['label'],
color=["#dedede" for _ in range(len(sndata['link']['source']))]))
layout = dict(
font=dict(size=12),
autosize=True,
margin=set_margins(t=20, l=2, r=2),
)
fig = dict(data=[data_trace], layout=layout)
return div_output(fig)
def profile_doughnut(values, labels, name, color_palette=False):
center_text = str(name)
trace = go.Pie(values=values,
labels=labels,
hoverinfo="label",
hole=0.65,
textinfo="none",
marker=dict(colors=set_category_colors(labels),
line=dict(color=CliqzColors["white"], width=0)))
data = [trace]
layout = dict(
showlegend=False,
paper_bgcolor=CliqzColors["transparent"],
plot_bgcolor=CliqzColors["transparent"],
autosize=True,
margin=set_margins(l=0, r=0, b=0, t=0, pad=10),
# Center Text
annotations=[
annotation(text=center_text.upper(),
x=0.5,
y=0.5,
background_color=CliqzColors["transparent"],
shift_x=0,
text_size=30,
color="#333")
])
fig = dict(data=data, layout=layout)
return div_output(fig)
def doughnut_chart(values, labels, name, color_palette=False):
"""
Doughnut pie chart with text in the middle.
Args:
values: (list) - values for the pie chart
labels: (list) - corresponding to the values
name: (str) - text that goes in the middle of the chart
Returns: Doughnut pie chart wrapped in a div
"""
trace = go.Pie(
values=values,
labels=labels,
name=str(name),
hoverinfo="label+percent",
hole=0.65,
pull=0.07,
sort=not (color_palette),
textinfo="label",
textfont=dict(family=CliqzFonts.regular, color=CliqzColors["white"]),
marker=dict(colors=palette(CliqzColors["blue"], CliqzColors["purple"],
len(labels)) if color_palette else
[CliqzColors["blue"], CliqzColors["purple"]],
line=dict(color=CliqzColors["white"], width=2)))
data = [trace]
layout = dict(showlegend=False,
paper_bgcolor=CliqzColors["transparent"],
plot_bgcolor=CliqzColors["transparent"],
autosize=True,
margin=set_margins(),
annotations=[
annotation(text=str(name).upper(),
x=0.5,
y=0.5,
background_color=CliqzColors["transparent"],
shift_x=0,
text_size=14)
])
fig = dict(data=data, layout=layout)
return div_output(fig)
def reach(google, facebook, dates):
"""
Main Page Plot showing the reach of companies that track the most
Args:
google: (list) - values for google
facebook: (list) - values for facebook
dates: (list) - dates
Returns: Area Plot as div output
"""
trace_high = scatter(x=dates, y=google, name="Google", color="#3cba54")
trace_low = scatter(x=dates, y=facebook, name="Facebook", color="#3b5998")
dangerous = scatter(x=dates,
y=[20] * 11,
name="Dangerous",
color="#FF3232",
fill=False,
line_style="dot")
data = [trace_high, trace_low, dangerous]
layout = go.Layout(
dict(xaxis=dict(range=['2017-01-01', '2017-01-11']),
yaxis=dict(title="Percentage of sites where company can track",
titlefont=dict(size=12, color="#666666")),
margin=set_margins(r=90),
legend=dict(x=0, y=50, orientation="h"),
annotations=[
annotation(text="Facebook",
x=dates[-1],
y=facebook[-1],
background_color="#3b5998"),
annotation(text="Google",
x=dates[-1],
y=google[-1],
background_color="#3cba54"),
annotation(text="Dangerous",
x=dates[-1],
y=20,
background_color="#FF3232")
]))
fig = dict(data=data, layout=layout)
return div_output(fig)
def overview_reach(companies):
data = []
annotations = []
for c in companies:
color = random_color()
ts = [datetime.strptime(t["ts"], "%Y-%m") for t in c["history"]]
name = c["overview"]["id"].capitalize()
y = [t['reach'] * 100 for t in c["history"]]
data.append(scatter(x=ts, y=y, fill=False, name=name, color=color))
annotations.append(
overview_label(text=name, x=ts[-1], y=y[-1], color=color))
layout = go.Layout(
dict(
yaxis=dict(title="Percentage of sites where company can track",
titlefont=dict(size=12, color="#666666")),
margin=set_margins(r=90),
legend=dict(x=0, y=50, orientation="h"),
# annotations=annotations
))
fig = dict(data=data, layout=layout)
return div_output(fig)
def overview_bars(companies):
x = []
y = []
colors = [CliqzColors["purple"]] * 2 + [CliqzColors["inactive_gray"]] * 8
for c in companies:
name = c["name"]
x.append(round(c["history"][-1]["reach"], 3))
y.append(name)
data = [
go.Bar(x=x[::-1],
y=y[::-1],
marker={"color": colors[::-1]},
orientation='h')
]
layout = go.Layout(
dict(margin=set_margins(t=30, l=150),
showlegend=False,
xaxis=dict(color=CliqzColors["gray_blue"],
tickformat="%",
anchor="free",
position=0)))
fig = dict(data=data, layout=layout)
return div_output(fig)