| <html> | |
| <head> | |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> | |
| <script src="http://code.highcharts.com/highcharts.js"></script> | |
| <script src="http://code.highcharts.com/modules/exporting.js"></script> | |
| <script src="https://cdn.rawgit.com/calipho-sib/nextprot-js/v0.0.23/dist/nextprot.min.js"></script> | |
| </head> | |
| <body> | |
| <div id="plot" style="min-width: 310px; height: 400px; margin: 0 auto"></div> | |
| </body> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> | |
| <script src="http://code.highcharts.com/highcharts.js"></script> | |
| <script src="http://code.highcharts.com/modules/exporting.js"></script> | |
| <script src="https://cdn.rawgit.com/calipho-sib/nextprot-js/v0.0.23/dist/nextprot.min.js"></script> | |
| <script type="text/javascript"> | |
| // Create an instance of nextprot API |
This chart shows a histogram of a Bates distribution. The data is randomly generated. The values are then binned at regular intervals using D3’s histogram layout. The x-axis uses a linear scale, such that the tick values appear between bars; this provides better indication that each bar represents the count of values between its surrounding tick values.
See also this histogram of a log-normal distribution of time durations.
| /*! | |
| * Bootstrap v3.3.2 (http://getbootstrap.com) | |
| * Copyright 2011-2015 Twitter, Inc. | |
| * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) | |
| *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box |
| html,body,#wrapper { | |
| width: 100%; | |
| height: 100%; | |
| margin: 0px; | |
| } | |
| .chart { | |
| font-family: Arial, sans-serif; | |
| font-size: 12px; | |
| } |
| <html> | |
| <head> | |
| <title>D3 in Action Chapter 5 - Example 10</title> | |
| <meta charset="utf-8" /> | |
| <script src="http://d3js.org/d3.v3.min.js" type="text/JavaScript"></script> | |
| </head> | |
| <style> | |
| svg { | |
| height: 500px; | |
| width: 500px; |
| group | date | value | |
|---|---|---|---|
| 1 | 2008-01 | 10 | |
| 1 | 2008-04 | 8 | |
| 1 | 2008-07 | 14 | |
| 1 | 2008-10 | 9 | |
| 1 | 2009-01 | 10 | |
| 1 | 2009-04 | 8 | |
| 1 | 2009-07 | 14 | |
| 1 | 2009-10 | 9 | |
| 2 | 2008-01 | 3 |
| # your settings | |
| NO_BINARY_CHECK=1 | |
| # set by detected source type | |
| FIELD_DELIMITER=space | |
| FIELD_NAMES=dayweek,month,day,hour,year,transfer-time,remote-host,file-size,filename,transfer-type,special-action-flag,direction,access-mode,username,service-name,authentication-method,authenticated-user-id,completion-status | |
| HEADER_FIELD_DELIMITER=space | |
| INDEXED_EXTRACTIONS=csv | |
| KV_MODE=none | |
| SHOULD_LINEMERGE=false |
####Search for files being modified in the last 24hours
find . -mtime -1 -ls | grep .log | sort | more
####Search for content in a specifiy file extension
find com.genebio.nextprot.plugin.entry -name '*.groovy' | xargs grep -i "Missing"