Closed nadiagorchakova closed 5 years ago
Our interns Melik and Magnus (Stockholm) researched embedding lumen data to websites using tags, which should be supported by most web viewers (browsers).</p> <iframe width="800" height="400" scrolling="no" frameborder="0" src="https://demo.akvolumen.org/s/SgTNnu07jMQ"> (graph) (dashboard) The reason the first (graph) has the specified dimensions is because the graph itself uses those width/height values, specified by the HTML <div class="Chart bar large" style="width: 800px; height: 400px;”> in the first demo. The second <iframe> (Dashboard) has a width of 1024 pixels because when you try to decrease the width a Dashboard that contains a graph with a lot of submitters (first diagram for instance), the graph breaks (https://puu.sh/uwzrO/a2835d440e.png) and not all data can be seen. Some, if not most graphs can be resized and still retain integrity but in the case of the Dashboard diagram they recommend to not change the size values at all. And here're different UI solutions: <img width="925" alt="screen shot 2017-03-07 at 16 14 44" src="https://cloud.githubusercontent.com/assets/21127166/23662883/390e1408-0351-11e7-923d-55bf449416ef.png">   </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/janagombitova"><img src="https://avatars.githubusercontent.com/u/12456965?v=4" />janagombitova</a> commented <strong> 5 years ago</strong> </div> <div class="markdown-body"> <p>Embedding was implemented for visualisations and dashboards. </p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>
Our interns Melik and Magnus (Stockholm) researched embedding lumen data to websites using (graph) (dashboard) The reason the first