Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>The <a href="https://stackoverflow.com/search?q=matplotlib+interactive+svg">stackoverflow search</a> finds an <a href="https://stackoverflow.com/questions/8994357/want-to-make-static-svg-plot-from-matplotlib-interactive-via-the-browser/10542968#10542968">answer</a> to this which points to an <a href="http://matplotlib.org/examples/user_interfaces/svg_histogram.html" rel="nofollow noreferrer">example on matplotlib.org</a>. Assuming that the user will open this file in a web browser, this should work. If he opens it with Inkscape or a static SVG viewer, then there's no way to give him an interactive experience. You could of course also upload the chart and send him a link. This would probably be most convenient and make sure he views it in a browser.</p> <p>Alternatively, consider using <a href="http://d3js.org/" rel="nofollow noreferrer">d3.js</a> instead of matplotlib. It uses JavaScript generated SVG and has amazing charting features. It might be easier to add the desired interactive behavior to those.</p> <p>A quick solution for displaying information when the mouse hovers above some element is using the <code>&lt;title&gt;</code> element in SVG. The content of any <code>&lt;title&gt;</code> element will be displayed as a tootlip on hover. See <a href="http://tinkerbin.com/LkHSyW9j" rel="nofollow noreferrer">this example</a>:</p> <pre><code>&lt;svg xmlns="http://www.w3.org/2000/svg" width="1000" height="150"&gt; &lt;rect width="50" height="50"&gt; &lt;title&gt;This is a rectangle&lt;/title&gt; &lt;/rect&gt; &lt;circle cx="75" cy="75" r="25"&gt; &lt;title&gt;This is a circle&lt;/title&gt; &lt;/circle&gt; &lt;text y="120"&gt; &lt;tspan&gt;Move your mouse over the&lt;/tspan&gt; &lt;tspan x="0" dy="20"&gt;elements to see the title text.&lt;/tspan&gt; &lt;/text&gt; &lt;/svg&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. POHow to transform a matplotlib chart to a sole interactive file
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USCommunity
    1. USThomas W
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POHow to transform a matplotlib chart to a sole interactive file
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    1. COYes, building a website and host the application in the cloud is the long term solution. d3 is awesome. But I am an amateurish programmer and a lot of efforts are already put on matplotlib, totally using d3 to replace matplotlib sounds not a solution for me in short time. (any python wrapper for d3, or translator from matplotlib to d3)? The "answer" link is helpful, I will have a try.
      singulars
      1. PO
      1. USbigbug
    2. COgreat tip & demo. Thanks,
      singulars
      1. PO
      1. USbigbug
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload