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.

232 lines
13 KiB

  1. <!DOCTYPE html>
  2. <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  3. <meta charset="utf-8">
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <meta name="description" content="">
  7. <meta name="author" content="">
  8. <title>vis.js - A dynamic, browser based visualization library.</title>
  9. <!-- Bootstrap core CSS -->
  10. <link href="./css/bootstrap.css" rel="stylesheet">
  11. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  12. <!--[if lt IE 9]>
  13. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  14. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  15. <![endif]-->
  16. <style>
  17. html {
  18. height:100%;
  19. }
  20. body {
  21. font-family: Lustria, Georgia, Times, "Times New Roman", serif !important;
  22. height:100%;
  23. background: url('./images/crosswordStrong.png') /* Background pattern from subtlepatterns.com */
  24. }
  25. img.icon {
  26. position:relative;
  27. top:-2px;
  28. }
  29. div.navbar-wrapper {
  30. background-color:#07508E;
  31. border-bottom: 3px solid #ffffff;
  32. }
  33. div.center {
  34. width:970px;
  35. margin-left:auto;
  36. margin-right:auto;
  37. }
  38. div.container {
  39. max-width:970px;
  40. }
  41. div.blogHeader {
  42. margin-left:auto;
  43. margin-right:auto;
  44. text-align:center;
  45. width:910px;
  46. padding: 0px 30px 0px 30px;
  47. margin-top:-150px;
  48. color:#ffffff;
  49. text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
  50. margin-bottom:60px;
  51. }
  52. div.post {
  53. margin:40px 80px 0px 190px;
  54. padding:10px 10px 10px 10px;;
  55. border: 1px solid #eeeeee;
  56. }
  57. div.postHeader {
  58. float:left;
  59. font-size:30px;
  60. }
  61. div.postDate {
  62. margin-top:19px;
  63. float:right;
  64. font-size:12px;
  65. }
  66. div.postAuthor {
  67. padding-left:10px;
  68. margin-top:19px;
  69. float:right;
  70. font-size:12px;
  71. }
  72. div.postContent {
  73. font-size: 16px;
  74. margin-top:50px;
  75. padding:10px 20px 0px 20px;
  76. text-align:justify;
  77. }
  78. div.full {
  79. min-height:100%;
  80. box-shadow:0px 2px 10px rgba(0,0,0,0.4);
  81. padding:0px;
  82. background-color:#ffffff;
  83. }
  84. div.postsMenu {
  85. position:relative;
  86. left:-15px;
  87. top:-50px;
  88. width:0px;
  89. height:0px;
  90. }
  91. div.postsMenuContent {
  92. padding:10px;
  93. background-color:#6787a6;
  94. width:180px;
  95. height:500px;
  96. border-radius:5px;
  97. box-shadow:0px 2px 10px rgba(0,0,0,0.4);
  98. color:#ffffff;
  99. font-size:16px;
  100. }
  101. a.post {
  102. font-size:12px;
  103. text-decoration:none;
  104. color:#ffffff;
  105. display:block;
  106. margin: 10px 0px 0px 0px;
  107. }
  108. </style>
  109. </head>
  110. <!-- NAVBAR
  111. ================================================== -->
  112. <body>
  113. <div class="navbar-wrapper">
  114. <div class="container">
  115. <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
  116. <div class="container">
  117. <div class="navbar-header">
  118. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  119. <span class="sr-only">Toggle navigation</span>
  120. <span class="icon-bar"></span>
  121. <span class="icon-bar"></span>
  122. <span class="icon-bar"></span>
  123. </button>
  124. <a class="navbar-brand hidden-sm" href="./index.html">vis.js</a>
  125. </div>
  126. <div id="navbar" class="navbar-collapse collapse">
  127. <ul class="nav navbar-nav">
  128. <li class="active"><a href="#about">Modules</a></li>
  129. <li><a href="./docs/index.html" target="_blank">Documentation <img class="icon" src="./images/external-link-icons/external-link-icon-white.png"></a></li>
  130. <li><a href="#">Blog</a></li>
  131. <li><a href="./index.html#download_install">About & download</a></li>
  132. <li><a href="./index.html#showcase">Showcase</a></li>
  133. <li><a href="./index.html#contributing">Contributing</a></li>
  134. <li><a href="./index.html#featureRequests">Feature requests</a></li>
  135. <li><a href="./index.html#licenses">Licenses</a></li>
  136. </ul>
  137. </div>
  138. </div>
  139. </nav>
  140. </div>
  141. </div>
  142. <a href="https://github.com/almende/vis" class="hidden-xs hidden-sm hidden-md"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>
  143. <div class="container full">
  144. <div class="center">
  145. <img src="./images/wallHeader.png">
  146. </div>
  147. <div class="blogHeader">
  148. <h1>vis.js</h1>
  149. <p>A dynamic, browser based visualization library.
  150. The library consists of the components DataSet, Timeline, Network, Graph2d and Graph3d. This blog is about the latest developments, roadmap and releases.
  151. </p>
  152. </div>
  153. <div class="postsMenu">
  154. <div class="postsMenuContent">
  155. Posts:
  156. <a class="post" href="#Released version 3.7.3">- Released version 3.7.3</a>
  157. <a class="post" href="#Released version 3.7.2">- Released version 3.7.2</a>
  158. </div>
  159. </div>
  160. <div class="post">
  161. <div class="postHeader" id="Released version 3.7.3">Released version 3.7.3</div>
  162. <div class="postAuthor">by <a href="https://github.com/AlexDM0">Alex</a></div>
  163. <div class="postDate">8th of January, 2015</div>
  164. <div class="postContent">
  165. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris varius tellus felis, sed porttitor enim facilisis in. Sed lacinia est sit amet quam dapibus egestas. Integer laoreet, odio quis lobortis scelerisque, sapien mauris consequat nisl, nec maximus justo felis eget ligula. Aliquam tempus mattis porttitor. Pellentesque vitae massa nunc. Maecenas sit amet laoreet ligula. Proin tellus ex, eleifend eget velit eu, tincidunt facilisis purus. Sed at quam vel odio feugiat fringilla.
  166. Nam pretium justo nec magna volutpat porttitor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis a rhoncus arcu, quis sagittis lacus. Pellentesque sed convallis metus. Cras eu lorem ex. Donec ultricies dui congue, varius nulla pharetra, semper dolor. Sed ac elit tortor. Cras vestibulum risus lacus, ut varius risus congue sed. Aliquam in tincidunt libero. Aenean ac eleifend dolor, non pellentesque neque.
  167. Nunc metus enim, tristique vel odio vel, dignissim ultricies massa. Nam posuere mauris erat. Vestibulum ornare nulla et purus placerat, ac venenatis mi facilisis. Ut non sapien a neque hendrerit finibus. Fusce rhoncus aliquet tristique. Donec eu nisl id dolor molestie convallis at vitae diam. Phasellus in tortor ut ante tincidunt mollis. Aliquam erat volutpat. Suspendisse eget odio ut dolor ultrices vestibulum a at nunc. Donec vel sodales nunc. In hac habitasse platea dictumst. Cras pharetra felis ut nisl commodo, eget sollicitudin justo fringilla. Quisque scelerisque lacus est, vestibulum dignissim lorem venenatis non. Nullam ac turpis elit. Sed quis lorem id nisi egestas semper quis non erat.
  168. Nam quis elit vitae nibh volutpat facilisis eget sit amet tortor. Nam rutrum ante eget nisl cursus, nec eleifend lacus vulputate. Donec porta dui a tellus molestie, a dapibus nisl convallis. Aenean laoreet vehicula lorem in dictum. Phasellus ullamcorper lectus suscipit felis malesuada blandit. Vestibulum non posuere libero. Maecenas malesuada bibendum lacus eget congue. Sed id nibh in nulla vehicula luctus. Ut cursus metus ante, a lobortis lacus volutpat sit amet. Nullam elit augue, hendrerit id maximus at, viverra eget quam. Quisque tempor diam vitae purus posuere congue. Phasellus blandit dictum maximus. Nulla justo tortor, finibus sit amet malesuada et, bibendum eget urna.
  169. Aliquam mattis libero id felis aliquet eleifend. Vivamus placerat at felis eget tincidunt. Integer vitae mi sit amet felis mollis consequat. Aenean rutrum, ipsum porttitor molestie dictum, nulla nunc eleifend ligula, quis auctor lacus dolor vel felis. Curabitur nec dui sit amet mi blandit ornare. Integer sodales orci in elementum ornare. Aenean ut lacus eu libero faucibus porta. Pellentesque mattis non dui ac fermentum. Nulla non faucibus mi. Morbi feugiat tincidunt erat, a scelerisque risus. Quisque accumsan risus nec urna elementum cursus. Suspendisse potenti. Etiam in tortor feugiat, maximus leo eget, rhoncus turpis. Aliquam in purus nunc. Duis lobortis nibh ut pellentesque gravida. Donec non metus laoreet, eleifend lectus in, auctor ipsum.
  170. </div>
  171. </div>
  172. <div class="post">
  173. <div class="postHeader" id="Released version 3.7.2">Released version 3.7.2</div>
  174. <div class="postAuthor">by <a href="https://github.com/AlexDM0">Alex</a></div>
  175. <div class="postDate">8th of January, 2015</div>
  176. <div class="postContent">
  177. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris varius tellus felis, sed porttitor enim facilisis in. Sed lacinia est sit amet quam dapibus egestas. Integer laoreet, odio quis lobortis scelerisque, sapien mauris consequat nisl, nec maximus justo felis eget ligula. Aliquam tempus mattis porttitor. Pellentesque vitae massa nunc. Maecenas sit amet laoreet ligula. Proin tellus ex, eleifend eget velit eu, tincidunt facilisis purus. Sed at quam vel odio feugiat fringilla.
  178. Nam pretium justo nec magna volutpat porttitor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis a rhoncus arcu, quis sagittis lacus. Pellentesque sed convallis metus. Cras eu lorem ex. Donec ultricies dui congue, varius nulla pharetra, semper dolor. Sed ac elit tortor. Cras vestibulum risus lacus, ut varius risus congue sed. Aliquam in tincidunt libero. Aenean ac eleifend dolor, non pellentesque neque.
  179. Nunc metus enim, tristique vel odio vel, dignissim ultricies massa. Nam posuere mauris erat. Vestibulum ornare nulla et purus placerat, ac venenatis mi facilisis. Ut non sapien a neque hendrerit finibus. Fusce rhoncus aliquet tristique. Donec eu nisl id dolor molestie convallis at vitae diam. Phasellus in tortor ut ante tincidunt mollis. Aliquam erat volutpat. Suspendisse eget odio ut dolor ultrices vestibulum a at nunc. Donec vel sodales nunc. In hac habitasse platea dictumst. Cras pharetra felis ut nisl commodo, eget sollicitudin justo fringilla. Quisque scelerisque lacus est, vestibulum dignissim lorem venenatis non. Nullam ac turpis elit. Sed quis lorem id nisi egestas semper quis non erat.
  180. Nam quis elit vitae nibh volutpat facilisis eget sit amet tortor. Nam rutrum ante eget nisl cursus, nec eleifend lacus vulputate. Donec porta dui a tellus molestie, a dapibus nisl convallis. Aenean laoreet vehicula lorem in dictum. Phasellus ullamcorper lectus suscipit felis malesuada blandit. Vestibulum non posuere libero. Maecenas malesuada bibendum lacus eget congue. Sed id nibh in nulla vehicula luctus. Ut cursus metus ante, a lobortis lacus volutpat sit amet. Nullam elit augue, hendrerit id maximus at, viverra eget quam. Quisque tempor diam vitae purus posuere congue. Phasellus blandit dictum maximus. Nulla justo tortor, finibus sit amet malesuada et, bibendum eget urna.
  181. Aliquam mattis libero id felis aliquet eleifend. Vivamus placerat at felis eget tincidunt. Integer vitae mi sit amet felis mollis consequat. Aenean rutrum, ipsum porttitor molestie dictum, nulla nunc eleifend ligula, quis auctor lacus dolor vel felis. Curabitur nec dui sit amet mi blandit ornare. Integer sodales orci in elementum ornare. Aenean ut lacus eu libero faucibus porta. Pellentesque mattis non dui ac fermentum. Nulla non faucibus mi. Morbi feugiat tincidunt erat, a scelerisque risus. Quisque accumsan risus nec urna elementum cursus. Suspendisse potenti. Etiam in tortor feugiat, maximus leo eget, rhoncus turpis. Aliquam in purus nunc. Duis lobortis nibh ut pellentesque gravida. Donec non metus laoreet, eleifend lectus in, auctor ipsum.
  182. </div>
  183. </div>
  184. </div>
  185. <!-- Bootstrap core JavaScript
  186. ================================================== -->
  187. <!-- Placed at the end of the document so the pages load faster -->
  188. <script src="./js/jquery.min.js"></script>
  189. <script src="./js/bootstrap.min.js"></script>
  190. <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  191. <script src="./js/ie10-viewport-bug-workaround.js"></script>