vis.js is a dynamic, browser-based visualization library
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

213 lines
16 KiB

9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>Feature Requests</title>
  8. <link rel="icon" HREF="favicon.ico">
  9. <!-- Bootstrap -->
  10. <link href="css/bootstrap.css" rel="stylesheet">
  11. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  12. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  13. <!--[if lt IE 9]>
  14. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  15. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  16. <![endif]-->
  17. <style>
  18. body {
  19. font-family: Lustria,Georgia,Times,"Times New Roman",serif !important;
  20. }
  21. div.navbar-wrapper {
  22. background-color:#07508E;
  23. border-bottom: 3px solid #ffffff;
  24. font-size:16px;
  25. font-weight:normal;
  26. }
  27. div.contentWrapper {
  28. padding:20px;
  29. }
  30. div.textHTMLContent {
  31. display:block;
  32. width:800px;
  33. }
  34. li.blue {
  35. background-color: #b8e3ff;
  36. }
  37. li.green {
  38. background-color: #c4ffb2;
  39. }
  40. li.orange {
  41. background-color: #ffccb3;
  42. }
  43. li.pink {
  44. background-color: #ffc4ed;
  45. }
  46. li.normal {
  47. }
  48. li.notyet {
  49. background-color: #eeeeee;
  50. color:#bbbbbb;
  51. }
  52. li.done {
  53. text-decoration:line-through;
  54. }
  55. ul {
  56. max-width:900px;
  57. }
  58. </style>
  59. </head>
  60. <body>
  61. <div class="navbar-wrapper">
  62. <div class="container">
  63. <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
  64. <div class="container">
  65. <div class="navbar-header">
  66. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  67. <span class="sr-only">Toggle navigation</span>
  68. <span class="icon-bar"></span>
  69. <span class="icon-bar"></span>
  70. <span class="icon-bar"></span>
  71. </button>
  72. <a class="navbar-brand hidden-sm" href="./index.html">vis.js</a>
  73. </div>
  74. <div id="navbar" class="navbar-collapse collapse">
  75. <ul class="nav navbar-nav">
  76. <li><a href="./index.html#modules">Modules</a></li>
  77. <li><a href="./blog.html">Blog</a></li>
  78. <li><a href="./index.html#download_install">Download</a></li>
  79. <li><a href="./showcase/index.html">Showcase</a></li>
  80. <li><a href="./index.html#contribute">Contribute</a></li>
  81. <li class="active"><a href="./featureRequests.html">Feature requests</a></li>
  82. <li><a href="./index.html#licenses">License</a></li>
  83. </ul>
  84. </div>
  85. </div>
  86. </nav>
  87. </div>
  88. </div>
  89. <div class="contentWrapper">
  90. <h1>Feature requests</h1>
  91. <hr class="featurette-divider">
  92. <div class="textHTMLContent">
  93. <h4>We get a lot of feature requests, here's the list of them!</h4>
  94. <p class="text-justify">
  95. The requests that come in on Github usually have a good argumentation and a lot of these ideas have made it into vis! To keep a nice overview of them, to clean up
  96. our Github issues and to supply a pool of ideas for people to contribute, we have made this list.
  97. <br /><br />
  98. This is by no means an end-of-the-line for your feature, but just something that we cannot pick up right away or cannot use in our projects at this time.
  99. We'd like to invite people who want to contribute to pick up one (or more!) of these features.
  100. </p>
  101. Legend:
  102. <ul>
  103. <li class="blue">Feature being worked on by us.</li>
  104. <li class="">Feature we might pick up with future releases, but feel free to pick it up for us!</li>
  105. <li class="green">Feature being worked on by the community, link to their forked version.</li>
  106. <li class="pink">Not likely to be picked up by us soon but would be great if the community would add this.</li>
  107. <li class="orange">Feature needing major overhauling of the current framework, not planned soon and unlikely to be picked up by community.</li>
  108. <li class="notyet">Feature that would be easier to create after a large (and planned) refactor.</li>
  109. <li class="done">Implemented and in develop or master. Will be removed after a while.</li>
  110. </ul>
  111. </div>
  112. <hr class="featurette-divider">
  113. <h3 id="all">All</h3>
  114. <ul>
  115. <li class="normal">(<a href="https://github.com/almende/vis/issues/308" target="_blank">308</a>) Add a click-to-scroll option similar to click-to-use but it should allow dragging all the time, only block the scrolling without activating it.</li>
  116. <li class="pink">(<a href="https://github.com/almende/vis/issues/207" target="_blank">207</a>) If possible, add Nuget Package support without ruining the current build tools.</li>
  117. </ul>
  118. <h3 id="network">Network</h3>
  119. <ul>
  120. <li class="normal">(<a href="https://github.com/almende/vis/issues/824" target="_blank">824</a>) Check label for click event as well when selecting a node or edge.</li>
  121. <li class="normal">(<a href="https://github.com/almende/vis/issues/685" target="_blank">685</a>) New type of node: Supernode. The supernode could have multiple connection subnodes.</li>
  122. <li class="normal">(<a href="https://github.com/almende/vis/issues/602" target="_blank">602</a>) Add hoverEdge and blurEdge events.</li>
  123. <li class="normal">(<a href="https://github.com/almende/vis/issues/528" target="_blank">548</a>) Allow labels to be images too.</li>
  124. <!--<li class="normal blue">(<a href="https://github.com/almende/vis/issues/530" target="_blank">530</a>, <a href="https://github.com/almende/vis/issues/475" target="_blank">475</a>, <a href="https://github.com/almende/vis/issues/300" target="_blank">300</a>) Improve option structure for the behaviour of the network. This will solve multiple issues if done correctly.</li>-->
  125. <li class="normal blue">(<a href="https://github.com/almende/vis/issues/528" target="_blank">528</a>) Allow the inserting of a custom sorting function for the hierarchical layout.</li>
  126. <li class="normal">(<a href="https://github.com/almende/vis/issues/507" target="_blank">507</a>) Add animations to the edges, like circles travelling over them or icons.</li>
  127. <!--<li class="normal blue">(<a href="https://github.com/almende/vis/issues/430" target="_blank">430</a>) Add fix/unfix functions for nodes. This can be done with allowToMoveX and Y but native options would be better ('node.disableMove' and 'node.disableDrag').</li>-->
  128. <!--<li class="normal blue">(<a href="https://github.com/almende/vis/issues/351" target="_blank">351</a>) Improve the options for arrows, backarrows and linetypes. Possibly receiving a function as input for custom nodes &amp; edges.</li>-->
  129. <!--<li class="normal blue">(<a href="https://github.com/almende/vis/issues/335" target="_blank">335</a>) Set smooth curves per edge.</li>-->
  130. <li class="pink">(<a href="https://github.com/almende/vis/issues/323" target="_blank">323</a>) GIF support.</li>
  131. <!--<li class="normal blue done">(<a href="https://github.com/almende/vis/issues/247" target="_blank">247</a>) Allow the font-size of a label to depend on the value (thereby the node-size).</li>-->
  132. <!--<li class="normal blue done">(<a href="https://github.com/almende/vis/issues/247" target="_blank">247</a>) Set thresholds for displaying of labels based on the value. As you zoom out, only the most noteworthy labels will be shown.</li>-->
  133. <li class="normal">(<a href="https://github.com/almende/vis/issues/246" target="_blank">246</a>) Add a fontAlignment option. This option should control where the label is drawn with respect to the node (ie. above, midde, under, left, right etc).</li>
  134. <li class="normal">(<a href="https://github.com/almende/vis/issues/211" target="_blank">211</a>) Create styling groups for edges, as they already exist for nodes.</li>
  135. <li class="normal">(<a href="https://github.com/almende/vis/issues/203" target="_blank">203</a>) Improve the click/doubleClick event with options how these should be fired.</li>
  136. </ul>
  137. <h3 id="timeline">Timeline</h3>
  138. <ul>
  139. <li class="normal">(<a href="https://github.com/almende/vis/issues/529" target="_blank">529</a>) Similar how templating works for the items, allow templating of groups by a groupTemplate option.</li>
  140. <li class="normal">(<a href="https://github.com/almende/vis/issues/518" target="_blank">518</a>, <a href="https://github.com/almende/vis/issues/242" target="_blank">242</a>) Clustering of items.</li>
  141. <li class="normal">(<a href="https://github.com/almende/vis/issues/506" target="_blank">506</a>) Implement an inertia while dragging and releasing (like default touchscreen behaviour) which should be enabled by an option.</li>
  142. <li class="normal">(<a href="https://github.com/almende/vis/issues/505" target="_blank">505</a>) Add some date time arithmatic and support method(s) to make working with hidden dates easier (some code for this exists in MIDAS in the showcase).</li>
  143. <li class="normal">(<a href="https://github.com/almende/vis/issues/497" target="_blank">497</a>) Introduce a new item that has two start and two end times. Picture shown in git issue.</li>
  144. <li class="normal">(<a href="https://github.com/almende/vis/issues/436" target="_blank">436</a>) Make background items and subgroups editable.</li>
  145. <li class="normal">(<a href="https://github.com/almende/vis/issues/435" target="_blank">435</a>) Implement the dragging of groups (up/down) to change the order.</li>
  146. <li class="orange">(<a href="https://github.com/almende/vis/issues/428" target="_blank">428</a>) Implement an option to make the timeline vertically oriented.</li>
  147. <li class="normal">(<a href="https://github.com/almende/vis/issues/398" target="_blank">398</a>) Implement recurring events (similarly to the way the hidden dates are implemented?)</li>
  148. <li class="normal">(<a href="https://github.com/almende/vis/issues/338" target="_blank">338</a>) HTML tooltips. Could be combined with the onHover event.</li>
  149. <li class="normal">(<a href="https://github.com/almende/vis/issues/297" target="_blank">297</a>) Center column labels in the timeline.</li>
  150. <li class="blue">(<a href="https://github.com/almende/vis/issues/283" target="_blank">283</a>) Adapt zoom functionality to horizontal/vertical pinch on touchscreens.</li>
  151. <li class="normal">(<a href="https://github.com/almende/vis/issues/363" target="_blank">363</a>, <a href="https://github.com/almende/vis/issues/275" target="_blank">275</a>) Support for making individual items editable or readonly.</li>
  152. <li class="normal">(<a href="https://github.com/almende/vis/issues/273" target="_blank">273</a>) Show vertical scrollbar when contents do not fit vertically. This could be a custom, stylable scrollbar.</li>
  153. <li class="normal">(<a href="https://github.com/almende/vis/issues/257" target="_blank">257</a>) Toggle the visiblity of groups and subgroups (could be a predecessor for clustering).</li>
  154. <li class="normal">(<a href="https://github.com/almende/vis/issues/240" target="_blank">240</a>) Introduce a new event that fires when an item is being moved.</li>
  155. <li class="normal">(<a href="https://github.com/almende/vis/issues/239" target="_blank">239</a>) Create a new option to disable timeline zoom/drag with mouse in the group column.</li>
  156. <li class="normal">(<a href="https://github.com/almende/vis/issues/226" target="_blank">226</a>) Add an 'onHover' event to the timeline, similar to the network.</li>
  157. <li class="normal">(<a href="https://github.com/almende/vis/issues/192" target="_blank">192</a>) While dragging multiple items across groups, keep the group-offset.</li>
  158. <li class="normal">(<a href="https://github.com/almende/vis/issues/112" target="_blank">112</a>) A horizontalOrientation options to support a right-to-left timeline.</li>
  159. <li class="normal done">(<a href="https://github.com/almende/vis/issues/21" target="_blank">21</a>) CSS highlighting of certain days/weekends etc. CSS class tags will have to be added to the vertical grid lines.</li>
  160. </ul>
  161. <h3 id="timeline-graph2d">Timeline &amp; Graph2d</h3>
  162. <ul>
  163. <li class="orange">(<a href="https://github.com/almende/vis/issues/455" target="_blank">455</a>, <a href="https://github.com/almende/vis/issues/92" target="_blank">92</a>) Numeric range for the x-axis.</li>
  164. <li class="normal">(<a href="https://github.com/almende/vis/issues/384" target="_blank">384</a>) Fast horizontal scrolling.</li>
  165. </ul>
  166. <h3 id="graph2d">Graph2d</h3>
  167. <ul>
  168. <li class="normal">(<a href="https://github.com/almende/vis/issues/821" target="_blank">821</a>) Fill between graphs (could fit in with the uncertainty styles).</li>
  169. <li class="normal">(<a href="https://github.com/almende/vis/issues/681" target="_blank">681</a>) Clickable datapoints, bars etc.</li>
  170. <li class="notyet">(<a href="https://github.com/almende/vis/issues/516" target="_blank">516</a>) Stacking of line graphs similar to how the bar charts can be stacked.</li>
  171. <li class="normal">(<a href="https://github.com/almende/vis/issues/500" target="_blank">500</a>) Adding a group visibility in legends.</li>
  172. <li class="normal">(<a href="https://github.com/almende/vis/issues/388" target="_blank">388</a>, <a href="https://github.com/almende/vis/issues/311" target="_blank">311</a>, <a href="https://github.com/almende/vis/issues/282" target="_blank">282</a>) ToolTips: this should give a stylable tooltip with the value at the position of the cursor. Options should include: <ul><li class="normal"><strong>snapToDatapoint</strong> (only show tooltips on datapoints, if off, show interpolated value at position)</li><li class="normal"> <strong>alwaysOn</strong> (always show tooltips on datapoints, perhaps with an optional tag that you can specify here?)</li></ul>
  173. <li class="normal">(<a href="https://github.com/almende/vis/issues/354" target="_blank">354</a>) Add uncertainty plot styles (box, candle, shaded area, etc.)</li>
  174. <li class="normal green">(<a href="https://github.com/almende/vis/issues/314" target="_blank">314</a>) Logarithmic scale (y-axis initially, if numeric range for x-axis is implemented, could be ported over to x-axis as well).</li>
  175. </ul>
  176. <h3 id="graph3d">Graph3d</h3>
  177. <ul>
  178. <li class="normal">(<a href="https://github.com/almende/vis/issues/536" target="_blank">536</a>) Implement title support for tooltips. The title could be added to datapoints and shown in the tooltip.</li>
  179. <li class="normal">(<a href="https://github.com/almende/vis/issues/442" target="_blank">442</a>) Implement touch gestures for camera controls using hammer.js.</li>
  180. </ul>
  181. <h3 id="dataset-dataview">DataSet &amp; DataView</h3>
  182. <ul>
  183. <li class="normal">(<a href="https://github.com/almende/vis/issues/568" target="_blank">568</a>) Add a merge() function to the dataset as described in this issue.</li>
  184. <li class="normal">(<a href="https://github.com/almende/vis/issues/339" target="_blank">339</a>) Dynamically update the filter of a DataView.</li>
  185. </ul>
  186. </div>
  187. <br /><br /><br /><br />
  188. <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  189. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  190. <!-- Include all compiled plugins (below), or include individual files as needed -->
  191. <script src="js/bootstrap.min.js"></script>
  192. </body>
  193. </html>