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.

168 lines
13 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>
  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.min.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. padding:10px;
  20. font-family: Lustria,Georgia,Times,"Times New Roman",serif !important;
  21. }
  22. div.textHTMLContent {
  23. display:block;
  24. width:800px;
  25. }
  26. li.blue {
  27. background-color: #b8e3ff;
  28. }
  29. li.green {
  30. background-color: #c4ffb2;
  31. }
  32. li.orange {
  33. background-color: #ffccb3;
  34. }
  35. li.pink {
  36. background-color: #ffc4ed;
  37. }
  38. li.normal {
  39. }
  40. li.notyet {
  41. background-color: #eeeeee;
  42. color:#bbbbbb;
  43. }
  44. li.done {
  45. text-decoration:line-through;
  46. }
  47. ul {
  48. max-width:900px;
  49. }
  50. a {
  51. font-weight:bold;
  52. }
  53. </style>
  54. </head>
  55. <body>
  56. <h1>Feature requests</h1>
  57. <hr class="featurette-divider">
  58. <div class="textHTMLContent">
  59. <h4>We get a lot of feature requests, here's the list of them!</h4>
  60. <p class="text-justify">
  61. 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
  62. our Github issues and to supply a pool of ideas for people to contribute, we have made this list.
  63. <br /><br />
  64. 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.
  65. We'd like to invite people who want to contribute to pick up one (or more!) of these features.
  66. </p>
  67. Legend:
  68. <ul>
  69. <li class="blue">Feature being worked on by us.</li>
  70. <li class="">Feature we might pick up with future releases, but feel free to pick it up for us!</li>
  71. <li class="green">Feature being worked on by the community, link to their forked version.</li>
  72. <li class="pink">Not likely to be picked up by us soon but would be great if the community would add this.</li>
  73. <li class="orange">Feature needing major overhauling of the current framework, not planned soon and unlikely to be picked up by community.</li>
  74. <li class="notyet">Feature that would be easier to create after a large (and planned) refactor.</li>
  75. <li class="done">Implemented and released.</li>
  76. </ul>
  77. </div>
  78. <hr class="featurette-divider">
  79. <h3 id="all">All</h3>
  80. <ul>
  81. <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>
  82. <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>
  83. </ul>
  84. <h3 id="network">Network</h3>
  85. <ul>
  86. <li class="normal">(<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>
  87. <li class="normal">(<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>
  88. <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>
  89. <li class="pink">(<a href="https://github.com/almende/vis/issues/426" target="_blank">426</a>) Label stroke ref: <a href="http://www.html5canvastutorials.com/tutorials/html5-canvas-text-stroke/">http://www.html5canvastutorials.com/tutorials/html5-canvas-text-stroke/</a></li>
  90. <li class="normal">(<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>
  91. <li class="normal">(<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>
  92. <li class="normal">(<a href="https://github.com/almende/vis/issues/335" target="_blank">335</a>) Set smooth curves per edge.</li>
  93. <li class="pink">(<a href="https://github.com/almende/vis/issues/323" target="_blank">323</a>) GIF support.</li>
  94. <li class="normal">(<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>
  95. <li class="normal">(<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>
  96. <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>
  97. <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>
  98. <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>
  99. </ul>
  100. <h3 id="timeline">Timeline</h3>
  101. <ul>
  102. <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>
  103. <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>
  104. <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>
  105. <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>
  106. <li class="normal">(<a href="https://github.com/almende/vis/issues/436" target="_blank">436</a>) Make background items and subgroups editable.</li>
  107. <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>
  108. <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>
  109. <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>
  110. <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>
  111. <li class="normal">(<a href="https://github.com/almende/vis/issues/297" target="_blank">297</a>) Center column labels in the timeline.</li>
  112. <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>
  113. <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>
  114. <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>
  115. <li class="blue done">(<a href="https://github.com/almende/vis/issues/504" target="_blank">504</a>, <a href="https://github.com/almende/vis/issues/427" target="_blank">427</a>, <a href="https://github.com/almende/vis/issues/261" target="_blank">261</a>, <a href="https://github.com/almende/vis/issues/151" target="_blank">151</a>) Set time/date format. Could support AM/PM, Quarters, weekdays, military etc.</li>
  116. <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>
  117. <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>
  118. <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>
  119. <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>
  120. <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>
  121. <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>
  122. <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>
  123. </ul>
  124. <h3 id="timeline-graph2d">Timeline &amp; Graph2d</h3>
  125. <ul>
  126. <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>
  127. <li class="normal">(<a href="https://github.com/almende/vis/issues/384" target="_blank">384</a>) Fast horizontal scrolling.</li>
  128. <li class="normal">(<a href="https://github.com/almende/vis/issues/309" target="_blank">309</a>) Add an event that fires when a user manually dragging the timeline or graph2d.</li>
  129. </ul>
  130. <h3 id="graph2d">Graph2d</h3>
  131. <ul>
  132. <li class="normal">(<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>
  133. <li class="normal">(<a href="https://github.com/almende/vis/issues/500" target="_blank">500</a>) Adding a group visibility in legends.</li>
  134. <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>
  135. <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>
  136. <li class="normal">(<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>
  137. </ul>
  138. <h3 id="graph3d">Graph3d</h3>
  139. <ul>
  140. <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>
  141. <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>
  142. </ul>
  143. <h3 id="dataset-dataview">DataSet &amp; DataView</h3>
  144. <ul>
  145. <li class="normal">(<a href="https://github.com/almende/vis/issues/339" target="_blank">339</a>) Dynamically update the filter of a DataView.</li>
  146. </ul>
  147. <br /><br /><br /><br />
  148. <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  149. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  150. <!-- Include all compiled plugins (below), or include individual files as needed -->
  151. <script src="js/bootstrap.min.js"></script>
  152. </body>
  153. </html>