Complete article with images and text

diff --git a/ofl/datatype/article/ARTICLE.en_us.html b/ofl/datatype/article/ARTICLE.en_us.html
index 697a4ec455d611ea4f0c4c53c3cda5e09e389c57..746d46700fd1c00b1c8923f192142dae1460563f 100644 (file)
--- a/ofl/datatype/article/ARTICLE.en_us.html
+++ b/ofl/datatype/article/ARTICLE.en_us.html
@@ -1,7 +1,40 @@
-- in progress-
+<p>
+  Datatype is a variable OpenType font that transforms simple text expressions into inline data visualizations—no JavaScript required. Using OpenType contextual alternates and ligature substitution, text like <code>{b:30,70,50,90}</code> automatically becomes a bar chart within your document.
+</p>
+
+<p>
+  Designed for seamless integration into text-based workflows, Datatype enables you to embed charts directly in emails, documentation, reports, and web content. The font supports three chart types: bar charts, sparklines (line charts), and pie charts, each activated through simple text syntax.
+</p>
+
+<p>
+<strong>Chart Syntax:</strong>
+</p>
+<ul>
+  <li>Bar charts: <code>{b:15,45,80,30,60}</code> (up to 20 values, 0-100)</li>
+  <li>Sparklines: <code>{l:10,40,25,70,50}</code> (up to 20 points, 0-100)</li>
+  <li>Pie charts: <code>{p:75}</code> (single percentage value)</li>
+</ul>
+
+<p>
+  The font includes two variable axes for extensive customization: Width (wdth: 0-100) controls spacing and compactness, while Weight (wght: 100-900) adjusts line thickness and visual prominence. This enables designers to fine-tune charts for different contexts—from dense dashboards to prominent presentations.
+</p>
+
+<p>
+  Datatype uses the Contextual Alternates (<code>calt</code>) feature for bar charts and sparklines, ensuring broad compatibility across applications including Google Docs, Sheets, and Slides. Pie charts utilize Standard Ligatures (<code>liga</code>), which may require manual enablement in some environments.
+</p>
+
+<p>
+  Built with fontTools and licensed under the SIL Open Font License 1.1, Datatype brings the power of inline data visualization to any application that supports OpenType features.
+</p>
 
 <p>
   This font includes glyphs from IBM Plex™ Mono: Copyright 2017 IBM Corp. with Reserved Font Name "Plex"
 </p>
 
 <p>To contribute, see <a href="https://github.com/franktisellano/datatype">github.com/franktisellano/datatype</a>.</p>
+
+<img src="Main.png">
+<img src="Lines.png">
+<img src="Table.png">
+<img src="Bars.png">
+<img src="Pies.png">

diff --git a/ofl/datatype/article/Bars.png b/ofl/datatype/article/Bars.png
new file mode 100644 (file)
index 0000000..3771dbd
Binary files /dev/null and b/ofl/datatype/article/Bars.png differ

diff --git a/ofl/datatype/article/Lines.png b/ofl/datatype/article/Lines.png
new file mode 100644 (file)
index 0000000..b25559d
Binary files /dev/null and b/ofl/datatype/article/Lines.png differ

diff --git a/ofl/datatype/article/Main.png b/ofl/datatype/article/Main.png
new file mode 100644 (file)
index 0000000..f6c64b4
Binary files /dev/null and b/ofl/datatype/article/Main.png differ

diff --git a/ofl/datatype/article/Pies.png b/ofl/datatype/article/Pies.png
new file mode 100644 (file)
index 0000000..3ab2352
Binary files /dev/null and b/ofl/datatype/article/Pies.png differ

diff --git a/ofl/datatype/article/Table.png b/ofl/datatype/article/Table.png
new file mode 100644 (file)
index 0000000..07c8611
Binary files /dev/null and b/ofl/datatype/article/Table.png differ