ginkgobioworks / plotly-plot Goto Github PK

First of all - great project!

Description

'plotly-plot' elements don't render properly when embedded inside an iron-pages view.
Chrome/Canary seems to be the only browser that doesn't display correctly.

The demo does work, it is only when the plotly-plot element is inside the iron-pages view page that the display is incorrect.

Expected outcome

Should be able to interact with the plotly element. Like this

Actual outcome

The graph is displayed, but the plotly symbols are displayed below the page. Can't interact with the element. Like this

Live Demo

N/A

Steps to reproduce

1. Install polymer starter-package
   polymer init starter-package
2. Install plotly-plot
   bower install plotly-plot
3. Insert an example plotly-plot element on my-view1.html

    <div class="card">
      <plotly-plot id="the-plot"data='[{"x": [1, 2, 3], "y": [4, 11, 23]}]'>
      </plotly-plot>
      <div class="circle">1</div>
      <h1>View One</h1>
      <p>Ut labores minimum atomorum pro. Laudem tibique ut has.
      <p>Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea.Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea.Cu mei vide viris gloriatur, at populo eripuit sit.</p>
    </div>

Browsers Affected

• Chrome (54.0.2840.99 m)
• Chrome Canary (57.0.2925.0 canary)
• Firefox
• Safari 9 (Not Tested)
• Safari 8 (Not Tested)
• Safari 7 (Not Tested)
• Edge (Not Tested)
• IE 11
• IE 10 (Not Tested)

Could you make this plot with responsive layout?

• https://plot.ly/javascript/responsive-fluid-layout/
• https://github.com/PolymerElements/iron-resizable-behavior

Description

3d traces "overlap" eachother and only one can be visible at a time

Expected outcome

I can view multiple 3d traces

Actual outcome

I can only view 1

Live Demo

https://gist.github.com/Chris7/e309d4c7c3f07082886d749652338860

Description

It would be nice use the element inside jupyter in the context of the declarative widget:
https://github.com/jupyter-incubator/declarativewidgets#including-a-web-component-in-a-notebook

Apparantly it does not work due to some involvement with requirejs/amd.
An approach that could be applied is loading plotly with requirejs using a shim. Please refert to jupyter/declarativewidgets#481 where you find the description of the issue.

Expected outcome

Iteractive plot inside the jupyter notebook

Actual outcome

static image if it is used

<script>
        window.define = undefined
</script>

Otherwise the error
Plotly is not defined

Live Demo

Steps to reproduce

refer to jupyter/declarativewidgets#481

Browsers Affected

• Chrome

not tested with the others

Are there any plans to support plotly stream api?
This would be a nice addition as well as a tool to work with real time data.

Description

The hover functions and buttons all appear at the bottom of the page instead of within the plotly graph.

Expected outcome

Buttons appear on top of Plotly graph.

Actual outcome

http://imgur.com/a/yN9wG

Steps to reproduce

Put plotly-plot element inside a view of the polymer starter kit.
Use the example from this repository's Readme.md

  <div class="card">
         <div class="circle">2</div>
         <h1>View Two</h1>
         <plotly-plot id="waveform" data='[{"x": [1, 2, 3], "y": [4, 11, 23]}]'></plotly-plot>
         <p>Ea duis bonorum nec, falli paulo aliquid ei eum.</p>
   </div>

Browsers Affected

• Chrome