Data

Tools

Indexes

Applications

Experiments

Open Source Science

32vis-viz

https://github.com/hongtaoh/32vis-viz

Science Score: 18.0%

This score indicates how likely this project is to be science-related based on various indicators:

  • ✓
    CITATION.cff file
    Found CITATION.cff file
  • ○
    codemeta.json file
  • ○
    .zenodo.json file
  • ○
    DOI references
  • ○
    Academic publication links
  • ○
    Academic email domains
  • ○
    Institutional organization owner
  • ○
    JOSS paper metadata
  • ○
    Scientific vocabulary similarity
    Low similarity (4.1%) to scientific vocabulary
Last synced: 10 months ago · JSON representation ·

Repository

Basic Info
  • Host: GitHub
  • Owner: hongtaoh
  • Language: HTML
  • Default Branch: master
  • Size: 124 KB
Statistics
  • Stars: 0
  • Watchers: 1
  • Forks: 0
  • Open Issues: 0
  • Releases: 0
Created about 4 years ago · Last pushed about 3 years ago
Metadata Files
Readme Citation

README.md

Thirty-Two Years of IEEE Visualization

This website hosts interactive visualizations, data, source codes, and supplementary material for the paper of 32 years of IEEE Vis: Authors, Fields of Study and Citations.

A more comprehensive description of this project is available at https://github.com/hongtaoh/32vis.

Interactive visualizations

Data

The full dataset is on OSF and also on GitHub repository.

We've also published the most important datasets, i.e., about VIS papers and authors, on Google Sheets.

Owner

  • Name: Hongtao Hao
  • Login: hongtaoh
  • Kind: user
  • Location: Madison, WI
  • Company: University of Wisconsin-Madison

2nd year CS PhD student at Univ. Wisconsin-Madison

Citation (citation-flows.html) 

<!DOCTYPE html>
<html>
  <head>
  	<meta charset="utf-8">
  	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  	<title>32 Years of IEEE VIS</title>
    <link rel="stylesheet" type="text/css" href="main.css">
  </head>
  <body>
    <aside>
      <div id="sidebar">
          <div style="margin-top: 100px"></div>
            <a href="index.html">README</a>
            <a href="citation-flows.html">Citation flows</a>
            <a href="co-occur.html">Co-occurrence</a>
            </div> 
          </div>
    </aside>

   <div id="wrapper">
    <header>
      <h1>32 Years of IEEE VIS</h1>
    </header>

    <div id="sankey-viz">
      <!-- <a class="anchor" name="h2fatality"></a> -->
      <h2>Citation flows based on fields of study</h2>
      <h4>(If you see "Runtime Error", please just refresh your browser)</h4>

      <p>If you don't know what to do, simply click the "Play" button and you'll see :)</p>
      <p class='smallfont'>(In terms of "Timeseries", if True, it will show year by year; if False, it will show the aggregated result (1990-2021).)</p>

      <div class="row">   
         <div id="timeseries" class="viewof column"></div>
         <div id="level" class="viewof column"></div>
      </div>

      <div class="row">
         <div id="source" class="viewof column"></div>
         <div id="rankCutoff" class="viewof column"></div> 
      </div>
      <div class="row">
         <div id="frameWidth" class="viewof column"></div>
         <div id="linkColor" class="viewof column"></div> 
      </div>
      <div class="row">
         <div id="nodeAlign" class="viewof column"></div>
         <div id="playSpeedSankey" class="viewof column"></div> 
      </div>
      <div class="row">
         <div id="currYear" class="viewof column"></div> 
<!--          <div id="yearRange" class="viewof column"></div> -->
      </div>
      <div class="row">
         <div id="fromWhere" class="viewof column"></div>
         <div id="year" class="viewof column"></div> 
      </div>

      <div id="tsDisplay"></div>

      <div id="chartSankey" class="chart"></div>
      
      <div id="explanation">
          <p>This visualization shows the citation flows based on fields of study. You can select the source and specify the time range.</p>

          <p>Source code of this visualization: <a href="https://observablehq.com/@hongtaoh/sankey-diagram-of-citation-flows">https://observablehq.com/@hongtaoh/sankey-diagram-of-citation-flows</a></p>
      </div>
    </div>
  </div>

  	<script type="module">
      import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js";

      import notebookSankey from "https://api.observablehq.com/@hongtaoh/sankey-diagram-of-citation-flows.js?v=3";
      
      const renderSankey = {
        "viewof timeseries": "#timeseries",
        "viewof level": "#level",
        "viewof source": "#source",
        "viewof rankCutoff": "#rankCutoff",
        "viewof frameWidth": "#frameWidth",
        "viewof linkColor": "#linkColor",
        "viewof nodeAlign": "#nodeAlign",
        "viewof playSpeedSankey": "#playSpeedSankey",
        // "viewof yearRange": "#yearRange",
        "viewof currYear": "#currYear",
        "fromWhere": "#fromWhere",
        "year": "#year",
        "tsDisplay": "#tsDisplay",
        "chartSankey": "#chartSankey",
      }

      const runtimeSankey = new Runtime();
      const mainSankey = runtimeSankey.module(notebookSankey, name => {
         const selector = renderSankey[name];
          if (selector) {
              return new Inspector(document.querySelector(selector));
          } else {
              return true;
          }
      });

  	</script>
  </body>
</html>

GitHub Events

Total
Last Year