Skip to content

Commit

Permalink
Create index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
barionleg authored Nov 16, 2024
1 parent 726c6f3 commit 569f5b2
Showing 1 changed file with 71 additions and 0 deletions.
71 changes: 71 additions & 0 deletions vis/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>

<title>Many Languages, Many Colors</title>

<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link href="css/bootstrap.min.css" rel="stylesheet">

<script src="js/jquery-1.12.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>

<script src="addNavBar.js"></script>

</script>
</head>
<body>
<div class="container">

<h1>The Many Languages, Many Colors Project</h1>
<h2>Purpose</h2>
<p>Different languages divide the color spectrum in different ways, which has been shown to influence how people perceive color. The Many Languages, Many Colors project is an attempt to measure these differences by collecting data and creating color models, and then share the results through visualizations and publicly released data sets. But first... </p>

<h2>Take the Survey!</h2>
<p>Before you look at what we found, please consider taking our 12 minute <a href="http://labinthewild.org/studies/color_perception/" target="_blank" >color perception survey</a>. We could always use more data, and reading this post first might influence your answers.</p>

<h2>Summary Blog Posts</h2>
<p>Read our blog posts that summarize our results:</p>

<p><a href="https://medium.com/hci-design-at-uw/there-is-no-blue-in-korean-ea6ac0d25d34"><strong>There is No "Blue" in Korean:</strong> Different Languages Have Different Colors</a></p>

<h2>Visualizations</h2>
<p>We have created a number of different visualizations to share our results:</p>
<p>
<a href="color_translator.html"><strong>Color Translator</strong><br>
<img src="vis/color-translator-small.png" style="height:150px;padding-left:20px;"></a><br>
<span style="padding-left:20px">Find translations and synonyms for colors in multiple languages and compare the ranges of colors for different color names.</span>
</p>
<p>
<a href="stacked-spectrum.html"><strong>Hue Color Comparisons (more languages)</strong><br>
<img src="vis/stacked-small.png" style="height:150px;padding-left:20px;"></a><br>
<span style="padding-left:20px">Compare the terms used to divide the hue colors (the brightest, most saturated colors: <img src='vis/hue-colors-smallest.png'> ).</span>
</p>
<p>
<a href="full_color_maps.html"><strong>Color Maps</strong><br>
<img src="vis/color-maps-small.png" style="height:150px;padding-left:20px;"><a><br>
<span style="padding-left:20px">Compare how English and Korean divide the full color space.</span>
</p>
<p>
<a href="en-ko-translation-comparison.html"><strong>Korean-English Translation Comparison</strong><br>
<img src="vis/en-ko-translation-small.png" style="height:150px;padding-left:20px;"></a><br>
<span style="padding-left:20px">Compare online color translations to our suggested translations.</span>
</p>
<p>
<a href="viridis.html"><strong>Korean-English Viridis Color Spectrum</strong><br>
<img src="vis/viridis-graph-small.png" style="height:150px;padding-left:20px;"></a><br>
<span style="padding-left:20px">Compare how Korean and English color names differ on the Viridis color spectrum ( <img src='vis/viridis-smallest.png'> ) that is sometimes used in visualizations.</span>
</p>


<h2>Dataset</h2>
<p>We have made our dataset, models, and visualizations <a href="https://github.com/composarc/color-naming-in-different-languages/">freely available for download</a>. We plan on continuing to update this dataset as we collect more data.</p>

<h2>Publication</h2>

<p>Peer Reviewed Academic Paper: <a href="http://idl.cs.washington.edu/papers/multi-lingual-color-names/">Color Names Across Languages: Salient Colors and Term Translation in Multilingual Color Naming Models
</p>
</div>
</body>
</html>

0 comments on commit 569f5b2

Please sign in to comment.