Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to improve the label placement for matplotlib scatter chart (code,algorithm,tips)?

I use matplotlib to plot a scatter chart:

enter image description here

And label the bubble using a transparent box according to the tip at matplotlib: how to annotate point on a scatter automatically placed arrow?

Here is the code:

if show_annote:     for i in range(len(x)):         annote_text = annotes[i][0][0]  # STK_ID         ax.annotate(annote_text, xy=(x[i], y[i]), xytext=(-10,3),             textcoords='offset points', ha='center', va='bottom',             bbox=dict(boxstyle='round,pad=0.2', fc='yellow', alpha=0.2),             fontproperties=ANNOTE_FONT)  

and the resulting plot: enter image description here

But there is still room for improvement to reduce overlap (for instance the label box offset is fixed as (-10,3)). Are there algorithms that can:

  1. dynamically change the offset of label box according to the crowdedness of its neighbourhood
  2. dynamically place the label box remotely and add an arrow line beween bubble and label box
  3. somewhat change the label orientation
  4. label_box overlapping bubble is better than label_box overlapping label_box?

I just want to make the chart easy for human eyes to comprehand, so some overlap is OK, not as rigid a constraint as http://en.wikipedia.org/wiki/Automatic_label_placement suggests. And the bubble quantity within the chart is less than 150 most of the time.

I find the so called Force-based label placement http://bl.ocks.org/MoritzStefaner/1377729 is quite interesting. I don't know if there is any python code/package available to implement the algorithm.

I am not an academic guy and not looking for an optimum solution, and my python codes need to label many many charts, so the the speed/memory is in the scope of consideration.

I am looking for a quick and effective solution. Any help (code,algorithm,tips,thoughts) on this subject? Thanks.

like image 793
bigbug Avatar asked Feb 18 '13 14:02

bigbug


People also ask

How do you avoid overlapping labels on a scatter plot?

By my test, to avoid overlap in scatter chart, I suggest you could set start and end of the X axis and Y axis manually. Then the shape should not overlap.

How do I increase the size of a scatter point in Matplotlib?

The points in the scatter plot are by default small if the optional parameters in the syntax are not used. The optional parameter 's' is used to increase the size of scatter points in matplotlib.

What is the method used in Matplotlib to generate scatter plots?

In python matplotlib, the scatterplot can be created using the pyplot. plot() or the pyplot. scatter() .


1 Answers

The following builds on tcaswell's answer.

Networkx layout methods such as nx.spring_layout rescale the positions so that they all fit in a unit square (by default). Even the position of the fixed data_nodes are rescaled. So, to apply the pos to the original scatter_data, an unshifting and unscaling must be performed.

Note also that nx.spring_layout has a k parameter which controls the optimal distance between nodes. As k increases, so does the distance of the annotations from the data points.

import numpy as np import matplotlib.pyplot as plt import networkx as nx np.random.seed(2016)  N = 20 scatter_data = np.random.rand(N, 3)*10   def repel_labels(ax, x, y, labels, k=0.01):     G = nx.DiGraph()     data_nodes = []     init_pos = {}     for xi, yi, label in zip(x, y, labels):         data_str = 'data_{0}'.format(label)         G.add_node(data_str)         G.add_node(label)         G.add_edge(label, data_str)         data_nodes.append(data_str)         init_pos[data_str] = (xi, yi)         init_pos[label] = (xi, yi)      pos = nx.spring_layout(G, pos=init_pos, fixed=data_nodes, k=k)      # undo spring_layout's rescaling     pos_after = np.vstack([pos[d] for d in data_nodes])     pos_before = np.vstack([init_pos[d] for d in data_nodes])     scale, shift_x = np.polyfit(pos_after[:,0], pos_before[:,0], 1)     scale, shift_y = np.polyfit(pos_after[:,1], pos_before[:,1], 1)     shift = np.array([shift_x, shift_y])     for key, val in pos.items():         pos[key] = (val*scale) + shift      for label, data_str in G.edges():         ax.annotate(label,                     xy=pos[data_str], xycoords='data',                     xytext=pos[label], textcoords='data',                     arrowprops=dict(arrowstyle="->",                                     shrinkA=0, shrinkB=0,                                     connectionstyle="arc3",                                      color='red'), )     # expand limits     all_pos = np.vstack(pos.values())     x_span, y_span = np.ptp(all_pos, axis=0)     mins = np.min(all_pos-x_span*0.15, 0)     maxs = np.max(all_pos+y_span*0.15, 0)     ax.set_xlim([mins[0], maxs[0]])     ax.set_ylim([mins[1], maxs[1]])  fig, ax = plt.subplots() ax.scatter(scatter_data[:, 0], scatter_data[:, 1],            c=scatter_data[:, 2], s=scatter_data[:, 2] * 150) labels = ['ano_{}'.format(i) for i in range(N)] repel_labels(ax, scatter_data[:, 0], scatter_data[:, 1], labels, k=0.008)  plt.show() 

with k=0.011 yields

enter image description here and with k=0.008 yields enter image description here

like image 129
unutbu Avatar answered Oct 07 '22 17:10

unutbu