Skip to content

Commit

Permalink
REBUILD
Browse files Browse the repository at this point in the history
  • Loading branch information
@agrogan1
agrogan1 committed May 10, 2024
1 parent 810a4a4 commit 837da69
Show file tree
Hide file tree
Showing 34 changed files with 502 additions and 179 deletions.
54 changes: 29 additions & 25 deletions data-visualization-with-Stata/data-visualization-with-Stata-slidy.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,15 +14,18 @@
div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
ul.task-list{list-style: none;}
/* The extra [class] is a hack that increases specificity enough to
override a similar rule in reveal.js */
ul.task-list[class]{list-style: none;}
ul.task-list li input[type="checkbox"] {
font-size: inherit;
width: 0.8em;
margin: 0 0.8em 0.2em -1.6em;
vertical-align: middle;
}
/* CSS for syntax highlighting */
pre > code.sourceCode { white-space: pre; position: relative; }
pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
pre > code.sourceCode > span { line-height: 1.25; }
pre > code.sourceCode > span:empty { height: 1.2em; }
.sourceCode { overflow: visible; }
code.sourceCode > span { color: inherit; text-decoration: inherit; }
Expand Down Expand Up @@ -104,7 +107,7 @@ <h1 class="title">Data Visualization With Stata</h1>
class="title-slide slide section level1 title">
<h1 class="title">Data Visualization With Stata</h1>
<p>Andy Grogan-Kaylor</p>
<p>8 Sep 2023</p>
<p>10 May 2024</p>
</div>

</div>
Expand Down Expand Up @@ -138,27 +141,27 @@ <h1>What are Variables?</h1>
</ul>
<table>
<thead>
<tr class="header header">
<tr class="header">
<th></th>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
</thead>
<tbody>
<tr class="odd odd">
<tr class="odd">
<td>Row 1</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr class="even even">
<tr class="even">
<td>Row 2</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr class="odd odd">
<tr class="odd">
<td>Row 3</td>
<td></td>
<td></td>
Expand Down Expand Up @@ -228,8 +231,8 @@ <h1>Data Source</h1>
Alps.”</p>
</blockquote>
<div class="sourceCode" id="cb1"><pre
class="sourceCode stata"><code class="sourceCode stata"><span id="cb1-1"><a href="#cb1-1" tabindex="-1"></a>. <span class="kw">use</span> <span class="st">&quot;https://github.com/agrogan1/Stata/raw/main/data-visualization-with-Stata/gutten.dta&quot;</span>,</span>
<span id="cb1-2"><a href="#cb1-2" tabindex="-1"></a>&gt; <span class="kw">clear</span></span></code></pre></div>
class="sourceCode stata"><code class="sourceCode stata"><span id="cb1-1"><a href="#cb1-1" tabindex="-1"></a>. <span class="kw">use</span> <span class="st">&quot;https://github.com/agrogan1/Stata/raw/main/data-visualization-with-Stata/gutten.dta&quot;</span></span>
<span id="cb1-2"><a href="#cb1-2" tabindex="-1"></a>&gt; , <span class="kw">clear</span></span></code></pre></div>
</div>

<div id="variables" class="title-slide slide section level1">
Expand Down Expand Up @@ -298,8 +301,8 @@ <h1>Continuous by Continuous (<code>twoway scatter y x</code>)</h1>
class="sourceCode stata"><code class="sourceCode stata"><span id="cb8-1"><a href="#cb8-1" tabindex="-1"></a>. <span class="kw">twoway</span> <span class="kw">scatter</span> height age_base, <span class="bn">title</span>(<span class="st">&quot;Tree Height by Age&quot;</span>)</span></code></pre></div>
<div class="sourceCode" id="cb9"><pre
class="sourceCode stata"><code class="sourceCode stata"><span id="cb9-1"><a href="#cb9-1" tabindex="-1"></a>. <span class="kw">graph</span> <span class="kw">export</span> myscatter.png, <span class="kw">width</span>(1000) <span class="kw">replace</span></span>
<span id="cb9-2"><a href="#cb9-2" tabindex="-1"></a>file /Users/agrogan/Desktop/GitHub/Stata/<span class="kw">data</span>-visualization-with-Stata/myscatter.png saved</span>
<span id="cb9-3"><a href="#cb9-3" tabindex="-1"></a> <span class="kw">as</span> PNG <span class="kw">format</span></span></code></pre></div>
<span id="cb9-2"><a href="#cb9-2" tabindex="-1"></a>file /Users/agrogan/Desktop/GitHub/Stata/<span class="kw">data</span>-visualization-with-Stata/myscatter.png</span>
<span id="cb9-3"><a href="#cb9-3" tabindex="-1"></a> saved <span class="kw">as</span> PNG <span class="kw">format</span></span></code></pre></div>
<div class="float">
<img src="myscatter.png" style="width:50.0%"
alt="Scatterplot Of Tree Height By Age" />
Expand Down Expand Up @@ -342,7 +345,7 @@ <h1>Continuous by Categorical (<code>graph bar y, over(x)</code>)</h1>
<h1>Schemes (<code>,scheme(...)</code>)</h1>
<p>Stata <em>graph schemes</em> can substantially change the look of a
graph. Built in graph schemes include <code>s1color</code>, the new
default scheme <code>stcolor</code> the older default scheme
default scheme <code>stcolor</code>, the older default scheme
<code>s2color</code>, <code>sj</code>, <code>economist</code> and
<code>s1rcolor</code>.</p>
<p><code>lean2</code> (type <code>findit lean2</code> in the Stata
Expand Down Expand Up @@ -398,8 +401,8 @@ <h1>Continuous by Continuous
Graph Scheme</div>
</div>
<div class="sourceCode" id="cb20"><pre
class="sourceCode stata"><code class="sourceCode stata"><span id="cb20-1"><a href="#cb20-1" tabindex="-1"></a>. <span class="kw">twoway</span> <span class="kw">scatter</span> height age_base, <span class="bn">title</span>(<span class="st">&quot;Tree Height by Age&quot;</span>) <span class="dv">scheme</span>(burd) <span class="bn">msymbol</span>(o) graphr</span>
<span id="cb20-2"><a href="#cb20-2" tabindex="-1"></a>&gt; egion(lcolor(<span class="kw">none</span>))</span></code></pre></div>
class="sourceCode stata"><code class="sourceCode stata"><span id="cb20-1"><a href="#cb20-1" tabindex="-1"></a>. <span class="kw">twoway</span> <span class="kw">scatter</span> height age_base, <span class="bn">title</span>(<span class="st">&quot;Tree Height by Age&quot;</span>) <span class="dv">scheme</span>(burd) <span class="bn">msymbol</span>(o) <span class="kw">graph</span></span>
<span id="cb20-2"><a href="#cb20-2" tabindex="-1"></a>&gt; region(lcolor(<span class="kw">none</span>))</span></code></pre></div>
<div class="sourceCode" id="cb21"><pre
class="sourceCode stata"><code class="sourceCode stata"><span id="cb21-1"><a href="#cb21-1" tabindex="-1"></a>. <span class="kw">graph</span> <span class="kw">export</span> myscatterB.png, <span class="kw">width</span>(1000) <span class="kw">replace</span></span>
<span id="cb21-2"><a href="#cb21-2" tabindex="-1"></a>file /Users/agrogan/Desktop/GitHub/Stata/<span class="kw">data</span>-visualization-with-Stata/myscatterB.png</span>
Expand All @@ -420,11 +423,12 @@ <h1>Continuous by Categorical
option to give different colors to the different bars.</p>
</blockquote>
<div class="sourceCode" id="cb22"><pre
class="sourceCode stata"><code class="sourceCode stata"><span id="cb22-1"><a href="#cb22-1" tabindex="-1"></a>. <span class="kw">graph</span> <span class="bn">bar</span> height, <span class="bn">over</span>(location) asyvars <span class="bn">title</span>(<span class="st">&quot;Tree Height by Location&quot;</span>) <span class="dv">scheme</span>(michigan)</span></code></pre></div>
class="sourceCode stata"><code class="sourceCode stata"><span id="cb22-1"><a href="#cb22-1" tabindex="-1"></a>. <span class="kw">graph</span> <span class="bn">bar</span> height, <span class="bn">over</span>(location) asyvars <span class="bn">title</span>(<span class="st">&quot;Tree Height by Location&quot;</span>) <span class="dv">scheme</span>(michigan</span>
<span id="cb22-2"><a href="#cb22-2" tabindex="-1"></a>&gt; )</span></code></pre></div>
<div class="sourceCode" id="cb23"><pre
class="sourceCode stata"><code class="sourceCode stata"><span id="cb23-1"><a href="#cb23-1" tabindex="-1"></a>. <span class="kw">graph</span> <span class="kw">export</span> mybarM.png, <span class="kw">width</span>(1000) <span class="kw">replace</span></span>
<span id="cb23-2"><a href="#cb23-2" tabindex="-1"></a>file /Users/agrogan/Desktop/GitHub/Stata/<span class="kw">data</span>-visualization-with-Stata/mybarM.png saved <span class="kw">as</span></span>
<span id="cb23-3"><a href="#cb23-3" tabindex="-1"></a> PNG <span class="kw">format</span></span></code></pre></div>
<span id="cb23-2"><a href="#cb23-2" tabindex="-1"></a>file /Users/agrogan/Desktop/GitHub/Stata/<span class="kw">data</span>-visualization-with-Stata/mybarM.png saved</span>
<span id="cb23-3"><a href="#cb23-3" tabindex="-1"></a> <span class="kw">as</span> PNG <span class="kw">format</span></span></code></pre></div>
<div class="float">
<img src="mybarM.png" style="width:50.0%"
alt="Bar Graph Of Mean Tree Height By Location With Michigan Graph Scheme" />
Expand All @@ -435,8 +439,8 @@ <h1>Continuous by Categorical
class="sourceCode stata"><code class="sourceCode stata"><span id="cb24-1"><a href="#cb24-1" tabindex="-1"></a>. <span class="kw">graph</span> <span class="bn">bar</span> height, <span class="bn">over</span>(location) asyvars <span class="bn">title</span>(<span class="st">&quot;Tree Height by Location&quot;</span>) <span class="dv">scheme</span>(lean2)</span></code></pre></div>
<div class="sourceCode" id="cb25"><pre
class="sourceCode stata"><code class="sourceCode stata"><span id="cb25-1"><a href="#cb25-1" tabindex="-1"></a>. <span class="kw">graph</span> <span class="kw">export</span> mybarL.png, <span class="kw">width</span>(1000) <span class="kw">replace</span></span>
<span id="cb25-2"><a href="#cb25-2" tabindex="-1"></a>file /Users/agrogan/Desktop/GitHub/Stata/<span class="kw">data</span>-visualization-with-Stata/mybarL.png saved <span class="kw">as</span></span>
<span id="cb25-3"><a href="#cb25-3" tabindex="-1"></a> PNG <span class="kw">format</span></span></code></pre></div>
<span id="cb25-2"><a href="#cb25-2" tabindex="-1"></a>file /Users/agrogan/Desktop/GitHub/Stata/<span class="kw">data</span>-visualization-with-Stata/mybarL.png saved</span>
<span id="cb25-3"><a href="#cb25-3" tabindex="-1"></a> <span class="kw">as</span> PNG <span class="kw">format</span></span></code></pre></div>
<div class="float">
<img src="mybarL.png" style="width:50.0%"
alt="Bar Graph Of Mean Tree Height By Location With lean2 Graph Scheme" />
Expand All @@ -447,21 +451,21 @@ <h1>Continuous by Categorical
class="sourceCode stata"><code class="sourceCode stata"><span id="cb26-1"><a href="#cb26-1" tabindex="-1"></a>. <span class="kw">graph</span> <span class="bn">bar</span> height, <span class="bn">over</span>(location) asyvars <span class="bn">title</span>(<span class="st">&quot;Tree Height by Location&quot;</span>) <span class="dv">scheme</span>(s1color)</span></code></pre></div>
<div class="sourceCode" id="cb27"><pre
class="sourceCode stata"><code class="sourceCode stata"><span id="cb27-1"><a href="#cb27-1" tabindex="-1"></a>. <span class="kw">graph</span> <span class="kw">export</span> mybarS.png, <span class="kw">width</span>(1000) <span class="kw">replace</span></span>
<span id="cb27-2"><a href="#cb27-2" tabindex="-1"></a>file /Users/agrogan/Desktop/GitHub/Stata/<span class="kw">data</span>-visualization-with-Stata/mybarS.png saved <span class="kw">as</span></span>
<span id="cb27-3"><a href="#cb27-3" tabindex="-1"></a> PNG <span class="kw">format</span></span></code></pre></div>
<span id="cb27-2"><a href="#cb27-2" tabindex="-1"></a>file /Users/agrogan/Desktop/GitHub/Stata/<span class="kw">data</span>-visualization-with-Stata/mybarS.png saved</span>
<span id="cb27-3"><a href="#cb27-3" tabindex="-1"></a> <span class="kw">as</span> PNG <span class="kw">format</span></span></code></pre></div>
<div class="float">
<img src="mybarS.png" style="width:50.0%"
alt="Bar Graph Of Mean Tree Height By Location With s1color Graph Scheme" />
<div class="figcaption">Bar Graph Of Mean Tree Height By Location With
s1color Graph Scheme</div>
</div>
<div class="sourceCode" id="cb28"><pre
class="sourceCode stata"><code class="sourceCode stata"><span id="cb28-1"><a href="#cb28-1" tabindex="-1"></a>. <span class="kw">graph</span> <span class="bn">bar</span> height, <span class="bn">over</span>(location) asyvars <span class="bn">title</span>(<span class="st">&quot;Tree Height by Location&quot;</span>) <span class="dv">scheme</span>(burd) gra</span>
<span id="cb28-2"><a href="#cb28-2" tabindex="-1"></a>&gt; phregion(lcolor(<span class="kw">none</span>))</span></code></pre></div>
class="sourceCode stata"><code class="sourceCode stata"><span id="cb28-1"><a href="#cb28-1" tabindex="-1"></a>. <span class="kw">graph</span> <span class="bn">bar</span> height, <span class="bn">over</span>(location) asyvars <span class="bn">title</span>(<span class="st">&quot;Tree Height by Location&quot;</span>) <span class="dv">scheme</span>(burd) <span class="kw">gr</span></span>
<span id="cb28-2"><a href="#cb28-2" tabindex="-1"></a>&gt; aphregion(lcolor(<span class="kw">none</span>))</span></code></pre></div>
<div class="sourceCode" id="cb29"><pre
class="sourceCode stata"><code class="sourceCode stata"><span id="cb29-1"><a href="#cb29-1" tabindex="-1"></a>. <span class="kw">graph</span> <span class="kw">export</span> mybarB.png, <span class="kw">width</span>(1000) <span class="kw">replace</span></span>
<span id="cb29-2"><a href="#cb29-2" tabindex="-1"></a>file /Users/agrogan/Desktop/GitHub/Stata/<span class="kw">data</span>-visualization-with-Stata/mybarB.png saved <span class="kw">as</span></span>
<span id="cb29-3"><a href="#cb29-3" tabindex="-1"></a> PNG <span class="kw">format</span></span></code></pre></div>
<span id="cb29-2"><a href="#cb29-2" tabindex="-1"></a>file /Users/agrogan/Desktop/GitHub/Stata/<span class="kw">data</span>-visualization-with-Stata/mybarB.png saved</span>
<span id="cb29-3"><a href="#cb29-3" tabindex="-1"></a> <span class="kw">as</span> PNG <span class="kw">format</span></span></code></pre></div>
<div class="float">
<img src="mybarB.png" style="width:50.0%"
alt="Bar Graph Of Mean Tree Height By Location With burd Graph Scheme" />
Expand Down
Loading

0 comments on commit 837da69

Please sign in to comment.