Skip to content

Commit

Permalink
add examples
Browse files Browse the repository at this point in the history
  • Loading branch information
@aashishpanta0
aashishpanta0 committed Sep 24, 2024
1 parent 50d7b09 commit e20ed6c
Show file tree
Hide file tree
Showing 6 changed files with 125 additions and 110 deletions.
1 change: 1 addition & 0 deletions _includes/topnav.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@
<li {% if page.sectionid=='home' %} class="active" {% endif %}><a href="{{ site.baseurl }}/home/" >Home</a></li>
<li {% if page.sectionid=='data' %} class="active" {% endif %}><a href="{{ site.baseurl }}/data/">Data</a></li>
<li {% if page.sectionid=='tasks' %} class="active" {% endif %}><a href="{{ site.baseurl }}/tasks/">Tasks</a></li>
<li {% if page.sectionid=='examples' %} class="active" {% endif %}><a href="{{ site.baseurl }}/examples/">Examples</a></li>
<li {% if page.sectionid=='submission' %} class="active" {% endif %}><a href="{{ site.baseurl }}/submission/">Submissions</a></li>
<li {% if page.sectionid=='pastcontests' %} class="active" {% endif %}><a href="{{ site.baseurl }}/pastcontests/">Past SciVis Contests</a></li>
</ul>
Expand Down
Empty file removed _layouts/submission.html
View file
Empty file.
15 changes: 8 additions & 7 deletions data/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ sectionid: data

<div class="container">
<h1>Data for 2026 Data Challenge</h1>
<p>Welcome to the data page for the 2026 Data Challenge. Select a dataset to view the details:</p>
<p>Select a dataset to view the details:</p>

<div class="row">
<!-- Sidebar Column -->
Expand All @@ -26,21 +26,22 @@ sectionid: data
<div class="col-md-9">
<div id="data1" class="data-content">
<h2>ECCO LLC4320 Data</h2>
<p><strong>Description:</strong> High-resolution ocean data from the ECCO project.</p>
<p><strong>Description:</strong> The "Estimating the Circulation and Climate of the Ocean" (ECCO) consortium makes the best possible estimates of ocean circulation and its role in climate.</p>
<ul>
<li>Time steps: 10,000+</li>
<li>Variables: Sea surface height, temperature, salinity, etc.</li>
<li>Resolution: ~1km</li>
<li>Variables: Ocean current velocity, temperature, salinity, etc.</li>
<li>Resolution: </li>
</ul>
<a href="#" class="btn btn-primary">Download ECCO LLC4320 Data</a>
</div>

<div id="data2" class="data-content" style="display:none;">
<h2>DYAMOND Data</h2>
<p><strong>Description:</strong> Global storm-resolving atmospheric simulation data.</p>
<p><strong>Description:</strong> DYnamics of the Atmospheric general circulation Modeled On Non-hydrostatic Domains (DYAMOND).</p>
<ul>
<li>Variables: Wind speed, humidity, precipitation, etc.</li>
<li>Models: ICON, NICAM, etc.</li>
<li>Time steps: 10,000+</li>
<li>Variables: Wind speed, Temperature, etc.</li>
<li>Models: </li>
</ul>
<a href="#" class="btn btn-primary">Download DYAMOND Data</a>
</div>
Expand Down
34 changes: 0 additions & 34 deletions pages/data.md
View file

This file was deleted.

64 changes: 64 additions & 0 deletions pages/examples.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
---
layout: default
title: Examples
permalink: /examples/
sectionid: examples
---

<div class="container">
<h1>Example Resources for Data Access and Visualization</h1>

<p>This page will provide resources on how to access the data, give examples of visualizations using <a href="https://matplotlib.org/">matplotlib</a>, and much more. Whether you're new to visualizing scientific data or looking for advanced techniques, you'll find valuable information below.</p>

<h2>Data Access</h2>
<p>To access the data provided for the SciVis contest, you can use the following steps:</p>
<ol>
<li>Go to the <a href="/data/">Data Page</a> where you will find links to datasets like <strong>NASA ECCO LLC4320</strong> and <strong>DYAMOND</strong>.</li>
<li>Use the provided download links to access specific datasets.</li>
<li>Make sure to review the variable descriptions and time steps for each dataset, as they vary significantly in scale and detail.</li>
</ol>

<h2>Visualization Example: Using Matplotlib</h2>
<p>Below is a basic example of how you can visualize some of the ocean data using Python and <code>matplotlib</code>:</p>

<pre><code class="language-python">
import numpy as np
import matplotlib.pyplot as plt

# Example data (simulated sea surface temperature)
x = np.linspace(0, 10, 100)
y = np.linspace(0, 10, 100)
X, Y = np.meshgrid(x, y)
Z = np.sin(X) * np.cos(Y)

# Create the plot
plt.figure(figsize=(10, 6))
plt.contourf(X, Z, cmap='coolwarm')
plt.colorbar(label='Sea Surface Temperature (C)')
plt.title('Sea Surface Temperature Visualization')
plt.xlabel('Longitude')
plt.ylabel('Latitude')
plt.show()
</code></pre>

<p>This is a simple example of visualizing 2D data. You can modify the code to work with the real dataset, adding more complexity and details as needed.</p>

<h3>Other Visualization Tools</h3>
<ul>
<li><a href="https://seaborn.pydata.org/">Seaborn</a> – An advanced Python library for statistical data visualization.</li>
<li><a href="https://www.paraview.org/">ParaView</a> – For handling large datasets and creating 3D visualizations.</li>
<li><a href="https://bokeh.org/">Bokeh</a> – Interactive visualization in modern web browsers.</li>
</ul>

<h2>Data Analysis Resources</h2>
<p>For advanced data analysis techniques, we recommend using libraries like <a href="https://numpy.org/">NumPy</a>, <a href="https://pandas.pydata.org/">Pandas</a>, and <a href="https://xarray.pydata.org/en/stable/">Xarray</a>. These libraries allow you to handle multi-dimensional arrays and efficiently work with large-scale scientific data.</p>

<h2>Learning Resources</h2>
<p>If you're new to scientific computing and visualization, the following resources may be helpful:</p>
<ul>
<li><a href="https://matplotlib.org/stable/tutorials/index.html">Matplotlib Tutorials</a></li>
<li><a href="https://numpy.org/learn/">NumPy Learning Resources</a></li>
<li><a href="https://tutorial.xarray.dev/intro.html">Xarray Tutorials</a></li>
<li><a href="https://scipy.org/">SciPy Documentation</a></li>
</ul>
</div>
121 changes: 52 additions & 69 deletions pages/submission.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,73 +6,56 @@ sectionid: submission
---

<div class="container">
<h1>Data Submission</h1>
<p>Submit your results and models below. Make sure your submission follows the format outlined in the contest guidelines.</p>

<form action="http://sci-visus.github.io/sciviscontest2026" method="post" enctype="multipart/form-data" class="submission-form">
<div class="form-group">
<label for="teamname">Team Name:</label>
<input type="text" id="teamname" name="teamname" class="form-control" placeholder="Enter your team name" required>
</div>

<div class="form-group">
<label for="task">Select Task:</label>
<select id="task" name="task" class="form-control" required>
<option value="" disabled selected>Select a task</option>
<option value="1">Task 1: Predicting Ocean Currents</option>
<option value="2">Task 2: Storm Prediction</option>
<option value="3">Task 3: Climate Change Impact Analysis</option>
</select>
</div>

<!-- Team Members -->
<div class="form-group">
<label for="members">Team Members:</label>
<div id="team-members">
<div class="team-member" id="member1">
<input type="text" name="member1" class="form-control" placeholder="Team Member 1" required>
<button type="button" class="btn remove-member-btn" onclick="removeMember(1)">Remove</button>
</div>
</div>
<button type="button" id="add-member" class="btn btn-secondary">+ Add Member</button>
</div>

<div class="form-group">
<label for="submission">Upload your file:</label>
<input type="file" id="submission" name="submission" class="form-control file-input" required>
</div>

<div class="form-group text-center">
<input type="submit" value="Submit" class="btn btn-primary">
</div>
</form>
<!-- <h1>Submission</h1> -->
<h2>Submission Instruction</h2>
<p>Your submission should include:</p>
<ul>
<li>A 2-page PDF describing your visualization and analysis techniques. Focus on the techniques you used and results you obtained. Do not waste space on background information or data descriptions. Please follow the formatting guidelines for the manuscript. (<a href="https://www.github.com">Download LaTeX and Word templates</a>).</li>
<li>Images which explain how your visualizations help answer the questions. The images should be appended to the 2-page document (your whole PDF document should be more than 2 pages). The PDF document should be no bigger than 50 MB in size.</li>
<li>An MPEG, AVI, or Quicktime video (maximum 10 minutes) showing the system, methods, or processes in action. This will be most helpful for demonstrating the effectiveness of your approach.</li>
</ul>

<h3>To Submit:</h3>
<ol>
<li>Go to <a href="https://new.precisionconference.com">https://new.precisionconference.com</a></li>
<li>Sign in or create a new account</li>
<li>Go to the <strong>Submissions</strong> tab at the top</li>
<li>Under <strong>Make a new submission</strong>, select <strong>VGTC</strong> as Society, <strong>VIS 2026</strong> as Conference/Journal, and <strong>VIS 2026 SciVis Contest</strong> as Track, as shown in this screenshot:</li>
<li>Edit the submission with your data and record the changes.</li>
</ol>
<!-- <img src="{{ "/assets/img/submission-screenshot.png" | relative_url }}" alt="Submission Selection Screenshot" class="img-responsive"> -->

<h2>Important Dates</h2>
<p>We will be following a process similar to previous years. There might be slight changes, but the current plan is as follows:</p>

<table class="table table-striped">
<thead>
<tr>
<th>Dates</th>
<th>Event</th>
</tr>
</thead>
<tbody>
<tr>
<td>October 23, 2025</td>
<td>Official announcement of the 2026 IEEE SciVis Contest at IEEE VIS 2025.</td>
</tr>
<tr>
<td>July 31, 2026 - August 7, 2026</td>
<td>Submission Deadline.</td>
</tr>
<tr>
<td>Approx. September, 2026</td>
<td>Winner notification.</td>
</tr>
<tr>
<td>Approx. October, 2026</td>
<td>Official announcement of the end results at IEEE VIS 2026.</td>
</tr>
</tbody>
</table>
<p><strong>Deadlines are set as 23:59 AOE.</strong></p>

<h2>Judges</h2>
<p>Judges for the contest will be announced soon.</p>
</div>

<script>
let memberCount = 1;

document.getElementById('add-member').addEventListener('click', function() {
if (memberCount < 6) {
memberCount++;
let newMemberField = document.createElement('div');
newMemberField.classList.add('team-member');
newMemberField.setAttribute('id', `member${memberCount}`);
newMemberField.innerHTML = `
<input type="text" name="member${memberCount}" class="form-control" placeholder="Team Member ${memberCount}" required>
<button type="button" class="btn remove-member-btn" onclick="removeMember(${memberCount})">Remove</button>`;
document.getElementById('team-members').appendChild(newMemberField);
}

if (memberCount === 6) {
document.getElementById('add-member').style.display = 'none';
}
});

function removeMember(id) {
if (memberCount > 1) {
document.getElementById(`member${id}`).remove();
memberCount--;
document.getElementById('add-member').style.display = 'inline-block';
}
}
</script>

0 comments on commit e20ed6c

Please sign in to comment.