profile/index.html at master · statsim/profile · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>StatSim Profile. Online data profiling</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <link rel="stylesheet" href="css/tui-chart.min.css" media="screen">
    <link rel="stylesheet" href="css/main.css" media="screen">
    <link type="text/css" rel="stylesheet" href="https://statsim.com/assets/common.css" media="screen"/>
  </head>
  <body>

    <div class="status-bar grey-bar">
      <div class="container">
        <div class="row">
          <div class="col s12" style="font-size: 14px;">
            <div id="menu"></div>
            <a href="https://statsim.com/">StatSim</a> → <b>Profile</b>
            <input id="input" type="file" multiple="false" style="margin-top: 6px;"></input>
            <button id="stop" style="display: none">Stop</button>
          </div>
        </div>
      </div>
    </div>

    <div class="container" style="position: relative">
      <div class="row">
        <p id="stats"></p>
        <div id="output"></div>
      </div>
    </div>

    <div id="progress"></div>

    <div class="container" style="position: relative">
      <div class="row">
        <div id="drag">
          <div class="drag-icon">↶</div>
          <div class="drag-text">
            <h4>Drag & drop a CSV file</h4>
            <p>Or <label for="input" style="color:#039be5; cursor: pointer; font-size: 14px;">choose a file</label></p>
            <div class="url-input" style="margin-top: 16px;">
              <input id="url-input" type="text" placeholder="Or paste a CSV URL (https://...)" style="width: 400px; max-width: 80%; padding: 4px 8px; font-size: 14px; border: 1px solid #ccc; border-radius: 3px;">
              <button id="url-load" style="padding: 4px 12px; font-size: 14px; cursor: pointer; margin-left: 4px;">Load</button>
            </div>
            <p style="font-size: 13px; color: #666; margin-top: 8px;">Tip: you can also open <code>?file=https://example.com/data.csv</code></p>
            <p id="url-error" style="color: #e53935; font-size: 13px; display: none;"></p>
          </div>
        </div>
      </div>
    </div>

    <div id="description" class="grey-bar">
      <div class="container">
        <div class="row">
          <div class="col m12">
            <h1>Data profiling online</h1>
            <h2>Use this free and open-source web app to profile data and generate visual summaries of your CSV datasets</h2>
            <p>
              In many industries, understanding data is a vital skill. However, most people struggle to recognize patterns and extract insights from raw tabular datasets because we are not computers. That's why data visualization and profiling are invaluable tools, frequently utilized to transform raw numbers into comprehensible elements like charts, trends, and statistics. Data profiling enables the creation of overviews of tabular files, offering detailed information and descriptive statistics for each variable contained in a dataset. <b>StatSim Profile</b> is a browser-based data profiling tool that is free and open-source. It processes files locally without uploading them to a web server and can handle large datasets, even those in gigabytes. Processing runs in a Web Worker to keep the UI responsive. You can also load CSV files directly from a URL or use the <a href="https://github.com/statsim/profile">command-line tool</a> with <code>summary</code>, <code>json</code>, and <code>serve</code> output modes.
            </p>
          </div>
        </div>

        <div class="row features">
          <div class="col m4 feature">
            <h3>
              Open Large CSV Files
            </h3>
            <p>
              The app utilizes online statistical algorithms to sequentially process data without loading the entire dataset into memory. To facilitate this, we have developed and open-sourced <a href="https://github.com/onlinestats/">OnlineStats.js</a>, a suite of JavaScript modules for online statistical analysis.
            </p>
          </div>
          <div class="col m4 feature">
            <h3>
              Understand Your Data
            </h3>
            <p>
              StatSim Profile features various statistical methods that aid in better understanding your data. It generates an overview of a CSV dataset, which includes variable types, missing values, descriptive statistics, histograms, top values, and the first five records.
            </p>
          </div>
          <div class="col m4 feature">
            <h3>
              100% Free and Client-Side
            </h3>
            <p>
              StatSim Profile is a JavaScript web app that operates within your browser. Since it doesn't involve any server-side code, any dataset you profile remains on your machine. Additionally, it's entirely open-source and hosted on GitHub Pages, allowing you to download and use it locally if needed.
            </p>
          </div>
        </div>

        <div class="row">
          <div class="col m12">
            <small>
              If you find the app useful, please give it a star on GitHub. For bug reports, please create an issue.<br>
            </small>
            <p>
              <a class="github-button" href="https://github.com/statsim/profile" data-icon="octicon-star" data-show-count="true" aria-label="Star statsim/profile on GitHub">Star</a>
              <a class="github-button" href="https://github.com/statsim/profile/issues" data-icon="octicon-issue-opened" data-show-count="true" aria-label="Issue statsim/profile on GitHub">Issue</a>
            </p>
          </div>
        </div>

        <div class="row products">
          <div class="col m12 product" style="border-bottom: 1px dashed rgb(212, 212, 212)">
            <small>Check also:</small>
            <h6><a href="https://statsim.com/preview/" style="font-weight: bold;"> StatSim Preview</a> - Explore large text files online</h6>
            <p>
            </p>
          </div>
          <div class="col m12 product">
            <h6><a href="https://statsim.com/vis/" style="font-weight: bold;">StatSim Vis</a> - Visualize high-dimensional datasets (PCA, t-SNE, UMAP)</h6>
            <p>
            </p>
          </div>
        </div>

      </div>
    </div>

    <script async defer src="https://buttons.github.io/buttons.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
    <script src="https://statsim.com/assets/common.js"></script>
    <script src="dist/bundle.js"></script>
  </body>
</html>