<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE article PUBLIC "-//NLM//DTD JATS (Z39.96) Journal Publishing DTD v1.2 20190208//EN" "http://jats.nlm.nih.gov/publishing/1.2/JATS-journalpublishing1.dtd"><article xmlns:mml="http://www.w3.org/1998/Math/MathML" xmlns:xlink="http://www.w3.org/1999/xlink" article-type="other" dtd-version="1.2" xml:lang="en">
    <front>
        <journal-meta>
            <journal-id journal-id-type="pmc">F1000Research</journal-id>
            <journal-title-group>
                <journal-title>F1000Research</journal-title>
            </journal-title-group>
            <issn pub-type="epub">2046-1402</issn>
            <publisher>
                <publisher-name>F1000 Research Limited</publisher-name>
                <publisher-loc>London, UK</publisher-loc>
            </publisher>
        </journal-meta>
        <article-meta>
            <article-id pub-id-type="doi">10.12688/f1000research.3-53.v2</article-id>
            <article-categories>
                <subj-group subj-group-type="heading">
                    <subject>Software Tool Article</subject>
                </subj-group>
                <subj-group>
                    <subject>Articles</subject>
                    <subj-group>
                        <subject>Bioinformatics</subject>
                    </subj-group>
                </subj-group>
            </article-categories>
            <title-group>
                <article-title>
                    <italic>wigExplorer</italic>, a BioJS component to visualise wig data</article-title>
                <fn-group content-type="pub-status">
                    <fn>
                        <p>[version 2; peer review: 1 approved, 1 approved with reservations, 1 not approved]</p>
                    </fn>
                </fn-group>
            </title-group>
            <contrib-group>
                <contrib contrib-type="author" corresp="yes">
                    <name>
                        <surname>Thanki</surname>
                        <given-names>Anil S.</given-names>
                    </name>
                    <xref ref-type="corresp" rid="c1">a</xref>
                    <xref ref-type="aff" rid="a1">1</xref>
                </contrib>
                <contrib contrib-type="author" corresp="no">
                    <name>
                        <surname>Jimenez</surname>
                        <given-names>Rafael C.</given-names>
                    </name>
                    <xref ref-type="aff" rid="a2">2</xref>
                </contrib>
                <contrib contrib-type="author" corresp="no">
                    <name>
                        <surname>Kaithakottil</surname>
                        <given-names>Gemy G.</given-names>
                    </name>
                    <xref ref-type="aff" rid="a1">1</xref>
                </contrib>
                <contrib contrib-type="author" corresp="no">
                    <name>
                        <surname>Corpas</surname>
                        <given-names>Manuel</given-names>
                    </name>
                    <uri content-type="orcid">https://orcid.org/0000-0002-4417-1018</uri>
                    <xref ref-type="aff" rid="a1">1</xref>
                </contrib>
                <contrib contrib-type="author" corresp="no">
                    <name>
                        <surname>Davey</surname>
                        <given-names>Robert P.</given-names>
                    </name>
                    <uri content-type="orcid">https://orcid.org/0000-0002-5589-7754</uri>
                    <xref ref-type="aff" rid="a1">1</xref>
                </contrib>
                <aff id="a1">
                    <label>1</label>The Genome Analysis Centre, Norwich Research Park, Norwich, NR4 7UH, UK</aff>
                <aff id="a2">
                    <label>2</label>European Bioinformatics Institute, Hinxton, Cambridge, CB10 1SD, UK</aff>
            </contrib-group>
            <author-notes>
                <corresp id="c1">
                    <label>a</label>
                    <email xlink:href="mailto:Anil.Thanki@earlham.ac.uk">Anil.Thanki@earlham.ac.uk</email>
                </corresp>
                <fn fn-type="con">
                    <p>AT and RJ developed the code for 
                        <italic toggle="yes">wigExplorer</italic>. MC and GK created the user cases for 
                        <xref ref-type="fig" rid="f1">Figure 1</xref> and 
                        <xref ref-type="fig" rid="f2">Figure 2</xref> respectively. AT, RD, MC and GK wrote the paper.</p>
                </fn>
                <fn fn-type="conflict">
                    <p>
                        <bold>Competing interests: </bold>No competing interests were disclosed.</p>
                </fn>
            </author-notes>
            <pub-date pub-type="epub">
                <day>30</day>
                <month>5</month>
                <year>2014</year>
            </pub-date>
            <pub-date pub-type="collection">
                <year>2014</year>
            </pub-date>
            <volume>3</volume>
            <elocation-id>53</elocation-id>
            <history>
                <date date-type="accepted">
                    <day>29</day>
                    <month>5</month>
                    <year>2014</year>
                </date>
            </history>
            <permissions>
                <copyright-statement>Copyright: &#x00a9; 2014 Thanki AS et al.</copyright-statement>
                <copyright-year>2014</copyright-year>
                <license xlink:href="https://creativecommons.org/licenses/by/3.0/">
                    <license-p>This is an open access article distributed under the terms of the Creative Commons Attribution Licence, which permits unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited.</license-p>
                </license>
            </permissions>
            <self-uri content-type="pdf" xlink:href="https://f1000research.com/articles/3-53/pdf"/>
            <abstract>
                <p>
                    <bold>Summary:</bold>
					
                    <italic toggle="yes">wigExplorer</italic> is a BioJS component whose main purpose is to provide a platform for visualisation of wig-formatted data. Wig files are extensively used by genome browsers such as the UCSC Genome Browser. 
                    <italic toggle="yes">wigExplorer</italic> follows the BioJS standard specification, requiring a simple configuration and installation. 
                    <italic toggle="yes">wigExplorer</italic> provides an easy way to navigate the visible region of the canvas and allows interaction with other components via predefined events. 
                    <bold>Availability:</bold>
					
                    <ext-link ext-link-type="uri" xlink:href="https://github.com/biojs/biojs/releases/tag/v1.0">https://github.com/biojs/biojs/releases/tag/v1.0</ext-link>; 
                    <ext-link ext-link-type="uri" xlink:href="http://dx.doi.org/10.5281/zenodo.8516">http://dx.doi.org/10.5281/zenodo.8516</ext-link>
                </p>
            </abstract>
            <funding-group>
                <funding-statement>AT, GK, MC and RD were supported by the UK Biotechnology and Biological Sciences Research Council (BBSRC) National Capability Grant (BB/J010375/1) at TGAC. </funding-statement>
                <funding-statement>
                    <italic>The funders had no role in study design, data collection and analysis, decision to publish, or preparation of the manuscript.</italic>
                </funding-statement>
            </funding-group>
        </article-meta>
        <notes>
            <sec sec-type="version-changes">
                <label>Revised</label>
                <title>Amendments from Version 1</title>
                <p>We have re-coded&#x00a0; some of the code to add an alerting system to inform users of errors. The code now also accepts fixedStep and variableStep wiggle files as defined by UCSC standards (
                    <ext-link ext-link-type="uri" xlink:href="http://genome.ucsc.edu/goldenPath/help/wiggle.html">http://genome.ucsc.edu/goldenPath/help/wiggle.html</ext-link>), and can handle multiple 
                    <italic>wigExplorer</italic> components in the same web page without crashing each other. In the article we have rewritten some of the Introduction and the 
                    <italic>wigExplorer</italic> component section based on the referees' comments.</p>
            </sec>
        </notes>
    </front>
    <body>
        <sec sec-type="intro">
            <title>Introduction</title>
            <p>Numerous web applications exist for visualisation of biological data. Data can be prepared for visualisation using a variety of formats, one of which is the widely used wiggle (wig) file. A wiggle file contains text that defines either a feature or a data track. The wiggle format was developed by the UCSC genome browser
                <sup>
                    <xref ref-type="bibr" rid="ref-1">1</xref>
                </sup> and then quickly adopted by other initiatives
                <sup>
                    <xref ref-type="bibr" rid="ref-2">2</xref>,
                    <xref ref-type="bibr" rid="ref-3">3</xref>
                </sup>. Web applications such as genome browsers rely heavily on JavaScript, a popular language for processing and rendering client-side information in a web browser. Despite their widespread use in bioinformatics, biological web applications are usually implemented with no standard reutilisation guidelines in mind, hence BioJS was developed
                <sup>
                    <xref ref-type="bibr" rid="ref-4">4</xref>
                </sup>. BioJS code contains proper guidelines on how to use the components and how the API can be implemented to interact with other components.</p>
            <p>BioJS is an open source JavaScript library of components for the visualisation of biological data on the web. Here we present 
                <italic toggle="yes">wigExplorer</italic>, a standard, portable BioJS component designed to easily render wig data format files. 
                <italic toggle="yes">wigExplorer</italic> can be integrated and controlled from other applications. To our knowledge, this is the first modular component to visualise wig data that complies with BioJS standards.</p>
        </sec>
        <sec>
            <title>The 
                <italic toggle="yes">wigExplorer</italic> component</title>
            <p>
                <italic toggle="yes">wigExplorer</italic> is fully integrated in the BioJS project. It follows the standards set by the BioJS registry
                <sup>
                    <xref ref-type="bibr" rid="ref-5">5</xref>
                </sup>, a centralised repository of BioJS components hosted at the European Bioinformatics Institute (EBI). Having 
                <italic toggle="yes">wigExplorer</italic> in the BioJS registry is advantageous because it promotes i) easy discoverability for the component, ii) collaborative development with other members of the BioJS community and iii) reutilisation by third party applications. In the BioJS registry, component APIs are exposed, i.e., events and methods are defined and documented so that other BioJS components can interact with each other. By following these conventions, 
                <italic toggle="yes">wigExplorer</italic> is able to interact with other components on the same web page, enriching the overall experience for the user. The code below shows how to incorporate 
                <italic toggle="yes">wigExplorer</italic> into a web application. Only three configuration elements are needed: the target HTML element in which the component will be rendered, the background colour of the component, and the file path containing the wig data. Wig files contain minimalistic information of genomic data 
                <italic toggle="yes">wigExplorer</italic> and can handle a large genomic region such as a chromosome (tested with a single file containing 12 chromosome with average length of 60 Mb), but this depends on the richness of the data rather than the length of the genomic region.</p>
            <p>
                <preformat orientation="portrait" position="float" preformat-type="computer code" xml:space="preserve">
                    <styled-content style="font-size:15px">var instance = new Biojs.wigExplorer({
&#x00a0;&#x00a0;&#x00a0;&#x00a0;&#x00a0;target: "YourOwnDivId",
&#x00a0;&#x00a0;&#x00a0;&#x00a0;&#x00a0;selectionBackgroundColor: &#x2019;&lt;</styled-content>
                    <styled-content style="font-size:15px; font-weight:bold">background</styled-content>
                    <styled-content style="font-size:15px">-colour&gt;&#x2019;,
&#x00a0;&#x00a0;&#x00a0;&#x00a0;&#x00a0;dataSet: "&lt;path&#x2013;to&#x2013;file&gt;"
});</styled-content>
                </preformat>
            </p>
            <p>
                <italic toggle="yes">wigExplorer</italic> uses D3.js, the data-driven documents JavaScript library
                <sup>
                    <xref ref-type="bibr" rid="ref-6">6</xref>
                </sup>, to generate graphical representations from wig data. D3.js handles the manipulation of the data documents, the reading of wig data as text format and their conversion to an area chart format. On the top right side, 
                <italic toggle="yes">wigExplorer</italic> contains a dropdown to toogle between different references from the wig file. To control the visual aspect of the wig data, 
                <italic toggle="yes">wigExplorer</italic> contains simple controls for zooming and panning.</p>
            <sec>
                <title>Application</title>
                <p>
                    <italic toggle="yes">wigExplorer</italic> can be used to visualise genomic data in different ways. An application is shown in 
                    <xref ref-type="fig" rid="f1">Figure 1</xref>, depicting single nucleotide polymorphism (SNP) density data from a genomic annotation in the tomato genome. Here chromosome 2 is zoomed in to show the genomic interval contained between position 2.5M and 47.5M. The SNP density data contained in the wig data file are presented as bins, where the Y axis indicates the number of SNPs contained in each bin. The screenshot shows a dramatic change in the density of SNPs just after the 24M bin mark of the chromosome, suggesting a potential boundary for an introgression segment introduced from a closely related tomato species. Other potential applications of 
                    <italic toggle="yes">wigExplorer</italic> may involve the visualisation of gene expression and alignment data.</p>
                <fig fig-type="figure" id="f1" orientation="portrait" position="float">
                    <label>Figure 1. </label>
                    <caption>
                        <title>
							
                            <italic toggle="yes">wigExplorer</italic> view of tomato variety Heinz chromosome 2.</title>
                        <p>The top controls are designed to toogle between different references as well as zoom and pan. Peaks show SNP density of 1kb size bins. A change of SNP density can be observed around the 24M mark, with a slightly greater density of SNPs on the right, indicative of a potential introgression segment from another related species.</p>
                    </caption>
                    <graphic orientation="portrait" position="float" xlink:href="https://f1000research-files.f1000.com/manuscripts/4634/b5e7755b-fe5e-4ae2-84f9-082e3a95bcf6_figure1.gif"/>
                </fig>
                <p>Third party browsers are also using 
                    <italic toggle="yes">wigExplorer</italic>. A screenshot of the TGAC Browser
                    <sup>
                        <xref ref-type="bibr" rid="ref-7">7</xref>
                    </sup> is shown in 
                    <xref ref-type="fig" rid="f2">Figure 2</xref> using 
                    <italic toggle="yes">wigExplorer</italic> to depict 
                    <italic toggle="yes">Myzus</italic> spp. scaffold 1 zoomed in between regions 714K and 727K. Here strandspecific RNA-Seq paired-end read coverage is shown as a wig track. The track below shows a closely related annotated species gene set for comparison. This comparison suggests a potential gene extension in both forward and reverse orientation.</p>
                <fig fig-type="figure" id="f2" orientation="portrait" position="float">
                    <label>Figure 2. </label>
                    <caption>
                        <title>An example of 
                            <italic toggle="yes">wigExplorer</italic> integration using the TGAC Browser.</title>
                        <p>The 
                            <italic toggle="yes">wigExplorer</italic> track shows read coverage in 
                            <italic toggle="yes">Myzus</italic> spp. for scaffold 1. Forward and backward strands are depicted in red and blue respectively. Evidence genes from a closely related species are displayed in the track below.</p>
                    </caption>
                    <graphic orientation="portrait" position="float" xlink:href="https://f1000research-files.f1000.com/manuscripts/4634/b5e7755b-fe5e-4ae2-84f9-082e3a95bcf6_figure2.gif"/>
                </fig>
            </sec>
        </sec>
        <sec sec-type="conclusions">
            <title>Conclusions</title>
            <p>The 
                <italic toggle="yes">wigExplorer</italic> component provides a platform to visualise biological data in wig format. 
                <italic toggle="yes">wigExplorer</italic> can be easily integrated with other web components or extended to provide new functionality. We expect this component to be particularly useful for visualisation in a variety of data types such as SNP density, alignments and gene expression. Like any other BioJS component, 
                <italic toggle="yes">wigExplorer</italic> requires little technical knowledge for its utilisation.</p>
        </sec>
        <sec>
            <title>Software availability</title>
            <p>Zenodo: wigExplorer, a BioJS component to visualise wig data_v2, doi: 
                <ext-link ext-link-type="uri" xlink:href="http://dx.doi.org/10.5281/zenodo.8516">10.5281/zenodo.8516</ext-link>
                <sup>
                    <xref ref-type="bibr" rid="ref-8">8</xref>
                </sup>
            </p>
            <p>GitHub: BioJS, 
                <ext-link ext-link-type="uri" xlink:href="http://github.com/biojs/biojs/releases/tag/v1.0">http://github.com/biojs/biojs/releases/tag/v1.0</ext-link>;</p>
        </sec>
    </body>
    <back>
        <ack>
            <title>Acknowledgements</title>
            <p>We are grateful to all BioJS developers who have contributed their work under an open source license. We are grateful to David Swarbreck at TGAC for his advice on the data shown in 
                <xref ref-type="fig" rid="f2">Figure 2</xref>.</p>
        </ack>
        <ref-list>
            <ref id="ref-1">
                <label>1</label>
                <mixed-citation publication-type="journal">
                    <person-group person-group-type="author">
						
                        <name name-style="western">
                            <surname>Kent</surname>
                            <given-names>WJ</given-names>
                        </name>
						
                        <name name-style="western">
                            <surname>Sugnet</surname>
                            <given-names>CW</given-names>
                        </name>
						
                        <name name-style="western">
                            <surname>Furey</surname>
                            <given-names>TS</given-names>
                        </name>
						
                        <etal/>
					</person-group>:
                    <article-title>The human genome browser at UCSC.</article-title>
                    <source>
						
                        <italic toggle="yes">Genome Res.</italic>
					</source>
                    <year>2002</year>;<volume>12</volume>(<issue>6</issue>):<fpage>996</fpage>&#x2013;<lpage>1006</lpage>.
                    <pub-id pub-id-type="pmid">12045153</pub-id>
                    <pub-id pub-id-type="doi">10.1101/gr.229102</pub-id>
                    <pub-id pub-id-type="pmcid">186604</pub-id>
                </mixed-citation>
            </ref>
            <ref id="ref-2">
                <label>2</label>
                <mixed-citation publication-type="journal">
                    <person-group person-group-type="author">
						
                        <name name-style="western">
                            <surname>Donlin</surname>
                            <given-names>MJ</given-names>
                        </name>
					</person-group>:
                    <article-title>Using the Generic Genome Browser (GBrowse).</article-title>
                    <source>
						
                        <italic toggle="yes">Curr Protoc Bioinformatics.</italic>
					</source>John Wiley and Sons, Inc.,<year>2009</year>.
                    <pub-id pub-id-type="pmid">19957275</pub-id>
                    <pub-id pub-id-type="doi">10.1002/0471250953.bi0909s28</pub-id>
                </mixed-citation>
            </ref>
            <ref id="ref-3">
                <label>3</label>
                <mixed-citation publication-type="journal">
                    <person-group person-group-type="author">
						
                        <name name-style="western">
                            <surname>Skinner</surname>
                            <given-names>ME</given-names>
                        </name>
						
                        <name name-style="western">
                            <surname>Uzilov</surname>
                            <given-names>AV</given-names>
                        </name>
						
                        <name name-style="western">
                            <surname>Stein</surname>
                            <given-names>LD</given-names>
                        </name>
						
                        <etal/>
					</person-group>:
                    <article-title>JBrowse: A next-generation genome browser.</article-title>
                    <source>
						
                        <italic toggle="yes">Genome Res.</italic>
					</source>
                    <year>2009</year>;<volume>19</volume>(<issue>9</issue>):<fpage>1630</fpage>&#x2013;<lpage>1638</lpage>.
                    <pub-id pub-id-type="pmid">19570905</pub-id>
                    <pub-id pub-id-type="doi">10.1101/gr.094607.109</pub-id>
                    <pub-id pub-id-type="pmcid">2752129</pub-id>
                </mixed-citation>
            </ref>
            <ref id="ref-4">
                <label>4</label>
                <mixed-citation publication-type="journal">
                    <person-group person-group-type="author">
						
                        <name name-style="western">
                            <surname>G&#x00f3;mez</surname>
                            <given-names>J</given-names>
                        </name>
						
                        <name name-style="western">
                            <surname>Garc&#x00ed;a</surname>
                            <given-names>LJ</given-names>
                        </name>
						
                        <name name-style="western">
                            <surname>Salazar</surname>
                            <given-names>GA</given-names>
                        </name>
						
                        <etal/>
					</person-group>:
                    <article-title>BioJS: an open source JavaScript framework for biological data visualization.</article-title>
                    <source>
						
                        <italic toggle="yes">Bioinformatics.</italic>
					</source>
                    <year>2013</year>;<volume>29</volume>(<issue>8</issue>):<fpage>1103</fpage>&#x2013;<lpage>1104</lpage>.
                    <pub-id pub-id-type="pmid">23435069</pub-id>
                    <pub-id pub-id-type="doi">10.1093/bioinformatics/btt100</pub-id>
                    <pub-id pub-id-type="pmcid">3624812</pub-id>
                </mixed-citation>
            </ref>
            <ref id="ref-5">
                <label>5</label>
                <mixed-citation publication-type="book">
                    <article-title>BioJS: registry</article-title>.
                    <ext-link ext-link-type="uri" xlink:href="http://www.ebi.ac.uk/Tools/biojs/registry/">http://www.ebi.ac.uk/Tools/biojs/registry/</ext-link>,<year>2013</year>.
                    <ext-link ext-link-type="uri" xlink:href="http://www.ebi.ac.uk/Tools/biojs/registry/">Reference Source</ext-link>
                </mixed-citation>
            </ref>
            <ref id="ref-6">
                <label>6</label>
                <mixed-citation publication-type="book">
                    <article-title>D3.js data-driven documents</article-title>.
                    <ext-link ext-link-type="uri" xlink:href="http://d3js.org">http://d3js.org</ext-link>,<year>2012</year>.
                    <ext-link ext-link-type="uri" xlink:href="http://d3js.org">Reference Source</ext-link>
                </mixed-citation>
            </ref>
            <ref id="ref-7">
                <label>7</label>
                <mixed-citation publication-type="journal">
                    <person-group person-group-type="author">
						
                        <name name-style="western">
                            <surname>Thanki</surname>
                            <given-names>AS</given-names>
                        </name>
						
                        <name name-style="western">
                            <surname>Bian</surname>
                            <given-names>X</given-names>
                        </name>
						
                        <name name-style="western">
                            <surname>Davey</surname>
                            <given-names>RP</given-names>
                        </name>
						
                        <etal/>
					</person-group>:
                    <article-title>TGAC Browser: visualisation solutions for big data in the genomic era</article-title>.<year>2013</year>.
                    <ext-link ext-link-type="uri" xlink:href="http://www.tgac.ac.uk/tgac-browser">Reference Source</ext-link>
                </mixed-citation>
            </ref>
            <ref id="ref-8">
                <label>8</label>
                <mixed-citation publication-type="journal">
                    <person-group person-group-type="author">
						
                        <name name-style="western">
                            <surname>Thanki</surname>
                            <given-names>AS</given-names>
                        </name>
						
                        <name name-style="western">
                            <surname>Jiminez</surname>
                            <given-names>RC</given-names>
                        </name>
						
                        <name name-style="western">
                            <surname>Kaithakottil</surname>
                            <given-names>GK</given-names>
                        </name>
						
                        <etal/>
					</person-group>:
                    <article-title>wigexplorer, a biojs component to visualise wig data_v2.</article-title>
                    <source>
						
                        <italic toggle="yes">Zenodo.</italic>
					</source>
                    <year>2014</year>.
                    <ext-link ext-link-type="uri" xlink:href="http://dx.doi.org/10.5281/zenodo.8516">Data Source</ext-link>
                </mixed-citation>
            </ref>
        </ref-list>
    </back>
    <sub-article article-type="reviewer-report" id="report14186">
        <front-stub>
            <article-id pub-id-type="doi">10.5256/f1000research.4634.r14186</article-id>
            <title-group>
                <article-title>Reviewer response for version 2</article-title>
            </title-group>
            <contrib-group>
                <contrib contrib-type="author">
                    <name>
                        <surname>Lang</surname>
                        <given-names>Stefan Thomas</given-names>
                    </name>
                    <xref ref-type="aff" rid="r14186a1">1</xref>
                    <role>Referee</role>
                </contrib>
                <aff id="r14186a1">
                    <label>1</label>Department of Molecular Hematology, Lund University, Lund, Sweden</aff>
            </contrib-group>
            <author-notes>
                <fn fn-type="conflict">
                    <p>
                        <bold>Competing interests: </bold>No competing interests were disclosed.</p>
                </fn>
            </author-notes>
            <pub-date pub-type="epub">
                <day>7</day>
                <month>6</month>
                <year>2016</year>
            </pub-date>
            <permissions>
                <copyright-statement>Copyright: &#x00a9; 2016 Lang ST</copyright-statement>
                <copyright-year>2016</copyright-year>
                <license xlink:href="https://creativecommons.org/licenses/by/4.0/">
                    <license-p>This is an open access peer review report distributed under the terms of the Creative Commons Attribution Licence, which permits unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited.</license-p>
                </license>
            </permissions>
            <related-article ext-link-type="doi" id="relatedArticleReport14186" related-article-type="peer-reviewed-article" xlink:href="10.12688/f1000research.3-53.v2"/>
            <custom-meta-group>
                <custom-meta>
                    <meta-name>recommendation</meta-name>
                    <meta-value>approve-with-reservations</meta-value>
                </custom-meta>
            </custom-meta-group>
        </front-stub>
        <body>
            <p>I am no JavaScript developer myself and I have not tested the described functionality,&#x00a0;but I already can think of applications in my own work if the package is able to not only show predefined chromosomes in a wig file, but subsets in a chromosome too.</p>
            <p> </p>
            <p> I will state all my issues like this first major one: 
                <list list-type="order">
                    <list-item>
                        <p>The link to your real example page (http://biojs.io/d/biojs-vis-wigexplorer) can only be found by reading your article, following to the rather unspecific GitHub link to the http://biojs.io web page. There one need to search for your wigexplorer - that is not acceptable! Make this link more prominent in the article and refer to the GitHub page as the main biojs.io GitHub page.</p>
                    </list-item>
                    <list-item>
                        <p>I can not approve this article, if your package can not display any user defined region in a wig file. After having checked the functionality on the hidden demo page I get the impression that this javascript package does ONLY visualize whole chromosomes from a wig file. The user can not change the visualized region by e.g. interactively zooming in or at least stating a displayed area in the javascript function call? But if your package can visualize a user defined area in a wig file this functionality needs to be highlighted in the article.</p>
                    </list-item>
                </list> </p>
            <p> In addition I have several minor 'complains': 
                <list list-type="order">
                    <list-item>
                        <p>Can the package be used stand alone? If yes, please extend your code example to a minimal, working html page. It would be perfect to have the javascript library loaded from your own web server together with the example data. Much like on the hidden demo page, but as plain html plainly stated in the article.</p>
                    </list-item>
                    <list-item>
                        <p>You claim that your tool easily integrats into the third party TGAC Browser. Can you provide the example html there, too?</p>
                    </list-item>
                </list> </p>
            <p> I hope I could add some additional points of view to your work and give a kind of positive feedback.</p>
            <p>Reviewer Expertise:</p>
            <p>NA</p>
            <p>I confirm that I have read this submission and believe that I have an appropriate level of expertise to confirm that it is of an acceptable scientific standard, however I have significant reservations, as outlined above.</p>
        </body>
        <sub-article article-type="response" id="comment2129-14186">
            <front-stub>
                <contrib-group>
                    <contrib contrib-type="author">
                        <name>
                            <surname>Thanki</surname>
                            <given-names>Anil</given-names>
                        </name>
                        <aff>The Genome Analysis Centre, UK</aff>
                    </contrib>
                </contrib-group>
                <author-notes>
                    <fn fn-type="conflict">
                        <p>
                            <bold>Competing interests: </bold>No competing interests were disclosed.</p>
                    </fn>
                </author-notes>
                <pub-date pub-type="epub">
                    <day>3</day>
                    <month>8</month>
                    <year>2016</year>
                </pub-date>
            </front-stub>
            <body>
                <p>Dear Stefan</p>
                <p> </p>
                <p> We would like to thank you for reviewing the manuscript and making some positive comments that could be used for your application.</p>
                <p> </p>
                <p> Please find below our responses to your comments.</p>
                <p> </p>
                <p> 1) The link to your real example page (http://biojs.io/d/biojs-vis-wigexplorer) can only be found by reading your article, following to the rather unspecific GitHub link to the http://biojs.io web page. There one need to search for your wigExplorer - that is not acceptable! Make this link more prominent in the article and refer to the GitHub page as the main biojs.io GitHub page.</p>
                <p> </p>
                <p> Answer: We can understand your concern, as this component was developed as a part of BioJS 1 and now BioJS is evolved to version 2, so some links are broken or redirected. We will update links in the article according. Link :
                    <ext-link ext-link-type="uri" xlink:href="http://www.biojs.io/d/biojs-vis-wigexplorer"> http://www.biojs.io/d/biojs-vis-wigexplorer</ext-link>
                </p>
                <p> </p>
                <p> 2) I cannot approve this article, if your package cannot display any user defined region in a wig file. After having checked the functionality on the hidden demo page I get the impression that this JavaScript package does ONLY visualize whole chromosomes from a wig file. The user cannot change the visualized region by e.g. interactively zooming in or at least stating a displayed area in the JavaScript function call? But if your package can visualize a user defined area in a wig file this functionality needs to be highlighted in the article.</p>
                <p> </p>
                <p> Answer: I can understand your issue here about visualising user defined region, wigExplorer was already had a capability of allowing user to move around and zoom in and out for visualising region of interest, but due to compatibility issue with BioJS2 buttons were not visible. Now we had fixed the issue and you will notice some controls on top left corner which gives user flexibility to visualise any region. It is also possible to visualise user defined area using API provided.</p>
                <p> </p>
                <p> 3) Can the package be used stand alone? If yes, please extend your code example to a minimal, working html page. It would be perfect to have the javascript library loaded from your own web server together with the example data. Much like on the hidden demo page, but as plain html plainly stated in the article.</p>
                <p> </p>
                <p> Answer: Yes, this package has been designed to work standalone, I have set up some example on my personal GitHub page to prove that. Here is the link to stand alone example for wigExplorer:
                    <ext-link ext-link-type="uri" xlink:href="http://anilthanki.github.io/tools/biojs/wigExplorer/"> http://anilthanki.github.io/tools/biojs/wigExplorer/</ext-link>
                </p>
                <p> </p>
                <p> 4) You claim that your tool easily integrates into the third party TGAC Browser. Can you provide the example html there, too?</p>
                <p> </p>
                <p> Answer: Yes, we believe that it's easy to integrate into any third party application and TGAC Browser uses wigExplorer to visualise users&#x2019; wig data. Here is an example explaining procedure to visualise your own wig data using TGAC Browser.</p>
                <p> Example: 
                    <list list-type="order">
                        <list-item>
                            <p>Go to link
                                <ext-link ext-link-type="uri" xlink:href="http://browser.tgac.ac.uk/tgac-browser-demo/index.jsp?query=chr1&amp;coord=4"> http://browser.tgac.ac.uk/tgac-browser-demo/index.jsp?query=chr1&amp;coord=4&amp;&amp;from=0&amp;&amp;to=5749886</ext-link>
                            </p>
                        </list-item>
                        <list-item>
                            <p>Click on the upload icon on the right (before &#x2018;Save Session&#x2019;)</p>
                        </list-item>
                        <list-item>
                            <p>There is a link to example wig file, to save and upload to see example</p>
                        </list-item>
                        <list-item>
                            <p>Upload the same file to the &#x2018;Drop files here&#x2019; region and close the upload box</p>
                        </list-item>
                        <list-item>
                            <p>You should see the uploaded wig file displayed with prefix of the filename you uploaded.</p>
                        </list-item>
                    </list> Regards,</p>
                <p> </p>
                <p> Anil Thanki</p>
            </body>
        </sub-article>
    </sub-article>
    <sub-article article-type="reviewer-report" id="report4977">
        <front-stub>
            <article-id pub-id-type="doi">10.5256/f1000research.4634.r4977</article-id>
            <title-group>
                <article-title>Reviewer response for version 2</article-title>
            </title-group>
            <contrib-group>
                <contrib contrib-type="author">
                    <name>
                        <surname>Lord</surname>
                        <given-names>Phil</given-names>
                    </name>
                    <xref ref-type="aff" rid="r4977a1">1</xref>
                    <role>Referee</role>
                </contrib>
                <aff id="r4977a1">
                    <label>1</label>School of Computing Science, University of Newcastle, Newcastle, UK</aff>
            </contrib-group>
            <author-notes>
                <fn fn-type="conflict">
                    <p>
                        <bold>Competing interests: </bold>No competing interests were disclosed.</p>
                </fn>
            </author-notes>
            <pub-date pub-type="epub">
                <day>1</day>
                <month>3</month>
                <year>2016</year>
            </pub-date>
            <permissions>
                <copyright-statement>Copyright: &#x00a9; 2016 Lord P</copyright-statement>
                <copyright-year>2016</copyright-year>
                <license xlink:href="https://creativecommons.org/licenses/by/4.0/">
                    <license-p>This is an open access peer review report distributed under the terms of the Creative Commons Attribution Licence, which permits unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited.</license-p>
                </license>
            </permissions>
            <related-article ext-link-type="doi" id="relatedArticleReport4977" related-article-type="peer-reviewed-article" xlink:href="10.12688/f1000research.3-53.v2"/>
            <custom-meta-group>
                <custom-meta>
                    <meta-name>recommendation</meta-name>
                    <meta-value>approve</meta-value>
                </custom-meta>
            </custom-meta-group>
        </front-stub>
        <body>
            <p>The authors have provided answers to all my comments.</p>
            <p>Reviewer Expertise:</p>
            <p>NA</p>
            <p>I confirm that I have read this submission and believe that I have an appropriate level of expertise to confirm that it is of an acceptable scientific standard.</p>
        </body>
    </sub-article>
    <sub-article article-type="reviewer-report" id="report3697">
        <front-stub>
            <article-id pub-id-type="doi">10.5256/f1000research.3732.r3697</article-id>
            <title-group>
                <article-title>Reviewer response for version 1</article-title>
            </title-group>
            <contrib-group>
                <contrib contrib-type="author">
                    <name>
                        <surname>Lord</surname>
                        <given-names>Phil</given-names>
                    </name>
                    <xref ref-type="aff" rid="r3697a1">1</xref>
                    <role>Referee</role>
                </contrib>
                <aff id="r3697a1">
                    <label>1</label>School of Computing Science, University of Newcastle, Newcastle, UK</aff>
            </contrib-group>
            <author-notes>
                <fn fn-type="conflict">
                    <p>
                        <bold>Competing interests: </bold>No competing interests were disclosed.</p>
                </fn>
            </author-notes>
            <pub-date pub-type="epub">
                <day>7</day>
                <month>3</month>
                <year>2014</year>
            </pub-date>
            <permissions>
                <copyright-statement>Copyright: &#x00a9; 2014 Lord P</copyright-statement>
                <copyright-year>2014</copyright-year>
                <license xlink:href="https://creativecommons.org/licenses/by/4.0/">
                    <license-p>This is an open access peer review report distributed under the terms of the Creative Commons Attribution Licence, which permits unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited.</license-p>
                </license>
            </permissions>
            <related-article ext-link-type="doi" id="relatedArticleReport3697" related-article-type="peer-reviewed-article" xlink:href="10.12688/f1000research.3-53.v1"/>
            <custom-meta-group>
                <custom-meta>
                    <meta-name>recommendation</meta-name>
                    <meta-value>approve-with-reservations</meta-value>
                </custom-meta>
            </custom-meta-group>
        </front-stub>
        <body>
            <p>I have tried this piece of software and it does appear to do what it says and running the software was not too difficult. The link to the software on Zenodo in the Software Availability section (
                <ext-link ext-link-type="uri" xlink:href="http://Zenodo: wigExplorer, a BioJS component to visualise wig data, doi:10.5281/zenodo.77218">Zenodo: wigExplorer, a BioJS component to visualise wig data, doi:10.5281/zenodo.77218</ext-link>) seems a bit pointless as the download bundle requires a large number of dependencies which are not included and for which paths have been hardcoded to</p>
            <p>local machine locations. The authors should also include either a tag or a commit hash so that the version of the software in the download bundle can be identified in GitHub.</p>
            <p>I ran the software from a GitHub checkout - here all the paths given in the documentation assume a specific configuration of directories (which is different from that of the GitHub repository). None of this is a show stopper, but it does make me rather doubt the validity of the statement: "Like any other BioJS component, 
                <italic>wigExplorer</italic> requires little technical knowledge for its utilisation."</p>
            <p>The article is, essentially, an advert with relatively little technical content. This is appropriate; there is little point including, for example, precise instructions for the use of wigExplorer as this article will be checkpointed and the code will become out of date. I would however have liked a bit more information on the expected performance of the software: for instance, how big a chromosome can it visualize? How manipulable is the visualisation?</p>
            <p>The writing in the article is okay, but there are a few parts which could do with improvement. For example, in the first paragraph of the Introduction section, the statement "biological web applications are usually implemented with no standard reutilisation guidelines in mind, hence BioJS was developed" I am not at all sure what "reutilisation guidelines" means with respect to code base. Do the authors just mean a defined and documented API? In which case, they should probably say this.</p>
            <p>There are also a couple of places which could do with simplification. In the second paragraph of the Introduction section:"To our knowledge, this is the first modular component to visualise wig data</p>
            <p>that complies with BioJS standards." This statement could be seen as a caveat, and I think the authors could risk saying "This is the only BioJS component to show wig data". Also in the second paragraph of the Application section the statement "We are aware that third party browsers are also using 
                <italic>wigExplorer</italic>." could perhaps be simplified to "Third party browsers are also using 
                <italic>wigExplorer</italic>".</p>
            <p>Reviewer Expertise:</p>
            <p>NA</p>
            <p>I confirm that I have read this submission and believe that I have an appropriate level of expertise to confirm that it is of an acceptable scientific standard, however I have significant reservations, as outlined above.</p>
        </body>
        <sub-article article-type="response" id="comment832-3697">
            <front-stub>
                <contrib-group>
                    <contrib contrib-type="author">
                        <name>
                            <surname>Thanki</surname>
                            <given-names>Anil</given-names>
                        </name>
                        <aff>The Genome Analysis Centre, UK</aff>
                    </contrib>
                </contrib-group>
                <author-notes>
                    <fn fn-type="conflict">
                        <p>
                            <bold>Competing interests: </bold>No competing interests were disclosed.</p>
                    </fn>
                </author-notes>
                <pub-date pub-type="epub">
                    <day>23</day>
                    <month>5</month>
                    <year>2014</year>
                </pub-date>
            </front-stub>
            <body>
                <p>We would like to thank Phil for taking the time to review the manuscript.&#x00a0;</p>
                <p>Please find below our responses to your comments</p>
                <p>1) The link to the software on Zenodo in the Software Availability section (
                    <ext-link ext-link-type="uri" xlink:href="http://zenodo:%20wigexplorer%2C%20a%20biojs%20component%20to%20visualise%20wig%20data%2C%20doi:10.5281/zenodo.77218">Zenodo: wigExplorer, a BioJS component to visualise wig data, doi:10.5281/zenodo.77218</ext-link>) seems a bit pointless as the download bundle requires a large number of dependencies which are not included and for which paths have been hardcoded to local machine locations. The authors should also include either a tag or a commit hash so that the version of the software in the download bundle can be identified in GitHub.</p>
                <p>Answer: We have uploaded a new version of the code to Zenodo with dependencies provided (
                    <ext-link ext-link-type="uri" xlink:href="http://dx.doi.org/10.5281/zenodo.8516">http://dx.doi.org/10.5281/zenodo.8516</ext-link>). This new version is also included in BioJS Release 1.0 
                    <ext-link ext-link-type="uri" xlink:href="https://github.com/biojs/biojs/releases/tag/v1.0">https://github.com/biojs/biojs/releases/tag/v1.0</ext-link>
                </p>
                <p>2) It does make me rather doubt the validity of the statement: "Like any other BioJS component,&#x00a0;
                    <italic>wigExplorer </italic>requires little technical knowledge for its utilisation."</p>
                <p>Answer: We understand that there are a number of required dependencies for this component, and not including these in the component&#x2019;s distribution made it harder to install and utilise. As above, we have included these dependencies as well as sample datasets, so simply unzipping the distribution is sufficient to install and start using the component.</p>
                <p>3) The article is, essentially, an advert with relatively little technical content. This is appropriate; there is little point including, for example, precise instructions for the use of wigExplorer as this article will be checkpointed and the code will become out of date. I would however have liked a bit more information on the expected performance of the software: for instance, how big a chromosome can it visualize? How manipulable is the visualisation?</p>
                <p>Answer: 
                    <italic>F1000Research</italic> requires a working copy of the code when article get published (for archival purposes) so, we have uploaded current version of code to zenodo (
                    <ext-link ext-link-type="uri" xlink:href="https://zenodo.org/record/8516#.U334LlhdV0s">https://zenodo.org/record/8516#.U334LlhdV0s</ext-link>) so this copy of code will be same though main code can be updated. So this article will always point to the version of the code that it describes, which is stored in zenodo. And on the performance issue, in this case size of the file matters rather than size of genomic region. Because size of data depends on depth of the genomic information, though we tried to make an effort to make it clear in manuscript. In first paragraph of wigExplorer component section, &#x201c;Wig files contains minimalistic information of genomic data, 
                    <italic>wigExplorer </italic>can handle large genomic region like a chromosome (tested with a single file containing 12 chromosome with average length of 60 Mb), but it depends on depth of data rather than length of genomic region.&#x201d;</p>
                <p>4) The writing in the article is okay, but there are a few parts, which could do with improvement. For example, in the first paragraph of the Introduction section, the statement "biological web applications are usually implemented with no standard reutilisation guidelines in mind, hence BioJS was developed" I am not at all sure what "reutilisation guidelines" means with respect to code base. Do the authors just mean a defined and documented API? In which case, they should probably say this.</p>
                <p>Answer: Here by using the word "reutilisation guidelines&#x201d;, we mean that BioJS components can be easily implemented and can interact with each other with standard API. We have added a statement explaining this in the last line of the first paragraph of introduction that &#x201c;BioJS code contains standard guidelines that how to use components and how API can be implemented to interact with other components.&#x201d;</p>
                <p>5) There are also a couple of places, which could do with simplification. In the second paragraph of the Introduction section:" To our knowledge, this is the first modular component to visualise wig data that complies with BioJS standards." This statement could be seen as a caveat, and I think the authors could risk saying "This is the only BioJS component to show wig data". Also in the second paragraph of the Application section the statement "We are aware that third party browsers are also using&#x00a0;
                    <italic>wigExplorer</italic>." could perhaps be simplified to "Third party browsers are also using&#x00a0;
                    <italic>wigExplorer</italic>". I have read this submission. I believe that I have an appropriate level of expertise to confirm that it is of an acceptable scientific standard, however I have significant reservations, as outlined above.</p>
                <p>Answer: We have reformatted the first statement to &#x201c;Currently, this is the only BioJS component to show wig data&#x201d; and we have changed the second statement as reviewer suggested, &#x201c;Third party browsers are also using&#x00a0;
                    <italic>wigExplorer&#x201d;</italic>
                </p>
            </body>
        </sub-article>
    </sub-article>
    <sub-article article-type="reviewer-report" id="report3699">
        <front-stub>
            <article-id pub-id-type="doi">10.5256/f1000research.3732.r3699</article-id>
            <title-group>
                <article-title>Reviewer response for version 1</article-title>
            </title-group>
            <contrib-group>
                <contrib contrib-type="author">
                    <name>
                        <surname>Buels</surname>
                        <given-names>Robert</given-names>
                    </name>
                    <xref ref-type="aff" rid="r3699a1">1</xref>
                    <role>Referee</role>
                </contrib>
                <aff id="r3699a1">
                    <label>1</label>JBrowse, University of California, Berkeley, CA, USA</aff>
            </contrib-group>
            <author-notes>
                <fn fn-type="conflict">
                    <p>
                        <bold>Competing interests: </bold>No competing interests were disclosed.</p>
                </fn>
            </author-notes>
            <pub-date pub-type="epub">
                <day>25</day>
                <month>2</month>
                <year>2014</year>
            </pub-date>
            <permissions>
                <copyright-statement>Copyright: &#x00a9; 2014 Buels R</copyright-statement>
                <copyright-year>2014</copyright-year>
                <license xlink:href="https://creativecommons.org/licenses/by/4.0/">
                    <license-p>This is an open access peer review report distributed under the terms of the Creative Commons Attribution Licence, which permits unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited.</license-p>
                </license>
            </permissions>
            <related-article ext-link-type="doi" id="relatedArticleReport3699" related-article-type="peer-reviewed-article" xlink:href="10.12688/f1000research.3-53.v1"/>
            <custom-meta-group>
                <custom-meta>
                    <meta-name>recommendation</meta-name>
                    <meta-value>reject</meta-value>
                </custom-meta>
            </custom-meta-group>
        </front-stub>
        <body>
            <p>The manuscript is well written, but it does not accurately describe the software in question.</p>
            <p>I&#x00a0;installed the software on my machine, and evaluated its behavior under several scenarios that I think would be commonly encountered by people using it. The major issues I found with the software are:
                <list list-type="order">
                    <list-item>
                        <p>
                            <italic>wigExplorer</italic> does not provide any useful error messages when it fails to fetch, or fails to&#x00a0;parse, the file specified in its `dataSet` option. &#x00a0;This can be a major issue for prospective users (i.e. installers) of the software.</p>
                    </list-item>
                    <list-item>
                        <p>Also, when I installed it and ran it via the included&#x00a0;TestwigExplorer2.html, the "top controls ... designed to scroll sideways" described in the manuscript were not shown. To rule out any problems with the way I installed it (caused by missing stylesheets or the like), I inspected the browser's (Google Chrome 32) document object model (DOM) using its built-in development tools, and verified that the controls were not even being placed in the DOM by the code itself. &#x00a0;I didn't debug any further.</p>
                    </list-item>
                    <list-item>
                        <p>Most importantly, and I think this is a show stopper:&#x00a0;wigExplorer does not actually support the Wiggle format as set forth by UCSC at&#x00a0;
                            <ext-link ext-link-type="uri" xlink:href="http://genome.ucsc.edu/goldenPath/help/wiggle.html">http://genome.ucsc.edu/goldenPath/help/wiggle.html</ext-link>. &#x00a0;It supports a limited tab-separated value format, which bears some resemblance to BedGraph format, but is not BedGraph either. &#x00a0;So: it is named for a standard data format that it does not support, and the data format that it actually supports is not a standard format.</p>
                    </list-item>
                </list>Unfortunately, I cannot approve this manuscript as it is currently written. It does not accurately describe the wigExplorer software.</p>
            <p>Reviewer Expertise:</p>
            <p>NA</p>
            <p>I confirm that I have read this submission and believe that I have an appropriate level of expertise to state that I do not consider it to be of an acceptable scientific standard, for reasons outlined above.</p>
        </body>
        <sub-article article-type="response" id="comment841-3699">
            <front-stub>
                <contrib-group>
                    <contrib contrib-type="author">
                        <name>
                            <surname>Thanki</surname>
                            <given-names>Anil</given-names>
                        </name>
                        <aff>The Genome Analysis Centre, UK</aff>
                    </contrib>
                </contrib-group>
                <author-notes>
                    <fn fn-type="conflict">
                        <p>
                            <bold>Competing interests: </bold>No competing interests were disclosed.</p>
                    </fn>
                </author-notes>
                <pub-date pub-type="epub">
                    <day>28</day>
                    <month>5</month>
                    <year>2014</year>
                </pub-date>
            </front-stub>
            <body>
                <p>Dear Robert</p>
                <p>We would like to thank you for taking the time to review the manuscript.</p>
                <p>Please find below our responses to your comments.</p>
                <p>
                    <italic>1) wigExplorer</italic>&#x00a0;does not provide any useful error messages when it fails to fetch, or fails to&#x00a0;parse, the file specified in its `dataSet` option. &#x00a0;This can be a major issue for prospective users (i.e. installers) of the software.</p>
                <p>Answer:&#x00a0; After considering this comment we have added more informative error messages, depending on the errors that can occur while running the component, e.g. &#x201c;Unknown format detected&#x201d;,&#x00a0; &#x201c;No data for selected reference&#x201d;, &#x201c;File not found&#x201d;, etc. &#x00a0;This will help make any installation problems clearer to users during installation.</p>
                <p>2) Also, when I installed it and ran it via the included&#x00a0;TestwigExplorer2.html, the "top controls ... designed to scroll sideways" described in the manuscript were not shown. To rule out any problems with the way I installed it (caused by missing stylesheets or the like), I inspected the browser's (Google Chrome 32) document object model (DOM) using its built-in development tools, and verified that the controls were not even being placed in the DOM by the code itself. &#x00a0;I didn't debug any further.</p>
                <p>Answer: Outside of the BioJS registry environment, the component&#x2019;s CSS behaviour changes, which resulted in disappearing controls. We have reformatted the CSS for this component and this is now fixed.</p>
                <p>3) Most importantly, and I think this is a showstopper:&#x00a0;wigExplorer does not actually support the Wiggle format as set forth by UCSC at&#x00a0;
                    <ext-link ext-link-type="uri" xlink:href="http://genome.ucsc.edu/goldenPath/help/wiggle.html">http://genome.ucsc.edu/goldenPath/help/wiggle.html</ext-link>. &#x00a0;It supports a limited tab-separated value format, which bears some resemblance to BedGraph format, but is not BedGraph either. &#x00a0;So: it is named for a standard data format that it does not support, and the data format that it actually supports is not a standard format.</p>
                <p>Answer: We thanks Robert t raise this concern and we have rewritten the code and now the component fully supports the standard fixedStep and variableStep wig file format (as set out by UCSC) with span information and multiple references in one file if available.</p>
            </body>
        </sub-article>
    </sub-article>
</article>
