<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Hugo | Matias Köhler | Botanizando em todo lugar</title><link>https://tunasdelsur.github.io/website/pt/tags/hugo/</link><atom:link href="https://tunasdelsur.github.io/website/pt/tags/hugo/index.xml" rel="self" type="application/rss+xml"/><description>Hugo</description><generator>Hugo Blox Builder (https://hugoblox.com)</generator><language>pt</language><lastBuildDate>Thu, 26 Oct 2023 00:00:00 +0000</lastBuildDate><image><url>https://tunasdelsur.github.io/website/media/icon_hu_a2f25e820e32ec48.png</url><title>Hugo</title><link>https://tunasdelsur.github.io/website/pt/tags/hugo/</link></image><item><title>Pandas</title><link>https://tunasdelsur.github.io/website/pt/project/pandas/</link><pubDate>Thu, 26 Oct 2023 00:00:00 +0000</pubDate><guid>https://tunasdelsur.github.io/website/pt/project/pandas/</guid><description>&lt;p>Biblioteca flexível e poderosa de análise/manipulação de dados para Python, fornecendo estruturas de dados rotuladas.&lt;/p></description></item><item><title>PyTorch</title><link>https://tunasdelsur.github.io/website/pt/project/pytorch/</link><pubDate>Thu, 26 Oct 2023 00:00:00 +0000</pubDate><guid>https://tunasdelsur.github.io/website/pt/project/pytorch/</guid><description>&lt;p>PyTorch é um pacote Python que fornece computação tensorial (como NumPy) com forte aceleração GPU.&lt;/p></description></item><item><title>scikit-learn</title><link>https://tunasdelsur.github.io/website/pt/project/scikit/</link><pubDate>Thu, 26 Oct 2023 00:00:00 +0000</pubDate><guid>https://tunasdelsur.github.io/website/pt/project/scikit/</guid><description>&lt;p>scikit-learn é um módulo Python para aprendizado de máquina construído sobre o SciPy e é distribuído sob a licença BSD de 3 cláusulas.&lt;/p></description></item><item><title>📈 Comunique seus resultados de forma eficaz com as melhores visualizações de dados</title><link>https://tunasdelsur.github.io/website/pt/post/data-visualization/</link><pubDate>Wed, 25 Oct 2023 00:00:00 +0000</pubDate><guid>https://tunasdelsur.github.io/website/pt/post/data-visualization/</guid><description>&lt;p>Hugo Blox é projetado para dar aos criadores de conteúdo técnico uma experiência perfeita. Você pode se concentrar no conteúdo e o Hugo Blox cuida do resto.&lt;/p>
&lt;p>Use ferramentas populares como Plotly, Mermaid e data frames.&lt;/p>
&lt;h2 id="gráficos">Gráficos&lt;/h2>
&lt;p>Hugo Blox suporta o popular formato
para visualizações de dados interativas. Com Plotly, você pode projetar quase qualquer tipo de visualização que imaginar!&lt;/p>
&lt;p>Salve seu JSON do Plotly na pasta da sua página, por exemplo &lt;code>line-chart.json&lt;/code>, e então adicione o shortcode &lt;code>{{&amp;lt; chart data=&amp;quot;line-chart&amp;quot; &amp;gt;}}&lt;/code> onde você gostaria que o gráfico aparecesse.&lt;/p>
&lt;p>Demo:&lt;/p>
&lt;div id="chart-496257813" class="chart">&lt;/div>
&lt;script>
(function() {
async function fetchChartJSON() {
console.debug('Hugo Blox fetching chart JSON...')
const response = await fetch('.\/line-chart.json');
return await response.json();
}
let a = setInterval( function() {
if ( typeof window.Plotly === 'undefined' ) {
console.debug('Plotly not loaded yet...')
return;
}
clearInterval( a );
fetchChartJSON().then(chart => {
console.debug('Plotting chart...')
window.Plotly.newPlot('chart-496257813', chart.data, chart.layout, {responsive: true});
});
}, 500 );
})();
&lt;/script>
&lt;p>Você também pode achar útil o
.&lt;/p>
&lt;h2 id="diagramas">Diagramas&lt;/h2>
&lt;p>Hugo Blox suporta a extensão Markdown &lt;em>Mermaid&lt;/em> para diagramas.&lt;/p>
&lt;p>Um exemplo de &lt;strong>fluxograma&lt;/strong>:&lt;/p>
&lt;pre>&lt;code>```mermaid
graph TD
A[Difícil] --&amp;gt;|Texto| B(Redondo)
B --&amp;gt; C{Decisão}
C --&amp;gt;|Um| D[Resultado 1]
C --&amp;gt;|Dois| E[Resultado 2]
```
&lt;/code>&lt;/pre>
&lt;p>renderiza como&lt;/p>
&lt;div class="mermaid">graph TD
A[Difícil] -->|Texto| B(Redondo)
B --> C{Decisão}
C -->|Um| D[Resultado 1]
C -->|Dois| E[Resultado 2]
&lt;/div>
&lt;p>Um exemplo de &lt;strong>diagrama de sequência&lt;/strong>:&lt;/p>
&lt;pre>&lt;code>```mermaid
sequenceDiagram
Alice-&amp;gt;&amp;gt;João: Olá João, como você está?
loop Verificação de saúde
João-&amp;gt;&amp;gt;João: Luta contra hipocondria
end
Note right of João: Pensamentos racionais!
João--&amp;gt;&amp;gt;Alice: Ótimo!
João-&amp;gt;&amp;gt;Bob: E você?
Bob--&amp;gt;&amp;gt;João: Muito bem!
```
&lt;/code>&lt;/pre>
&lt;p>renderiza como&lt;/p>
&lt;div class="mermaid">sequenceDiagram
Alice->>João: Olá João, como você está?
loop Verificação de saúde
João->>João: Luta contra hipocondria
end
Note right of João: Pensamentos racionais!
João-->>Alice: Ótimo!
João->>Bob: E você?
Bob-->>João: Muito bem!
&lt;/div>
&lt;p>Um exemplo de &lt;strong>diagrama de classe&lt;/strong>:&lt;/p>
&lt;pre>&lt;code>```mermaid
classDiagram
Class01 &amp;lt;|-- AveryLongClass : Legal
Class03 *-- Class04
Class05 o-- Class06
Class07 .. Class08
Class09 --&amp;gt; C2 : Onde estou?
Class09 --* C3
Class09 --|&amp;gt; Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
Class08 &amp;lt;--&amp;gt; C2: Rótulo legal
```
&lt;/code>&lt;/pre>
&lt;p>renderiza como&lt;/p>
&lt;div class="mermaid">classDiagram
Class01 &lt;|-- AveryLongClass : Legal
Class03 *-- Class04
Class05 o-- Class06
Class07 .. Class08
Class09 --> C2 : Onde estou?
Class09 --* C3
Class09 --|> Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
Class08 &lt;--> C2: Rótulo legal
&lt;/div>
&lt;p>Um exemplo de &lt;strong>diagrama de estado&lt;/strong>:&lt;/p>
&lt;pre>&lt;code>```mermaid
stateDiagram
[*] --&amp;gt; Parado
Parado --&amp;gt; [*]
Parado --&amp;gt; Movendo
Movendo --&amp;gt; Parado
Movendo --&amp;gt; Acidente
Acidente --&amp;gt; [*]
```
&lt;/code>&lt;/pre>
&lt;p>renderiza como&lt;/p>
&lt;div class="mermaid">stateDiagram
[*] --> Parado
Parado --> [*]
Parado --> Movendo
Movendo --> Parado
Movendo --> Acidente
Acidente --> [*]
&lt;/div>
&lt;h2 id="data-frames">Data Frames&lt;/h2>
&lt;p>Salve sua planilha como um arquivo CSV na pasta da sua página e então renderize-a adicionando o shortcode &lt;em>Table&lt;/em> à sua página:&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-go" data-lang="go">&lt;span class="line">&lt;span class="cl">&lt;span class="p">{{&amp;lt;&lt;/span> &lt;span class="nx">table&lt;/span> &lt;span class="nx">path&lt;/span>&lt;span class="p">=&lt;/span>&lt;span class="s">&amp;#34;results.csv&amp;#34;&lt;/span> &lt;span class="nx">header&lt;/span>&lt;span class="p">=&lt;/span>&lt;span class="s">&amp;#34;true&amp;#34;&lt;/span> &lt;span class="nx">caption&lt;/span>&lt;span class="p">=&lt;/span>&lt;span class="s">&amp;#34;Tabela 1: Meus resultados&amp;#34;&lt;/span> &lt;span class="p">&amp;gt;}}&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>renderiza como&lt;/p>
&lt;table class="table-auto w-full">
&lt;thead>
&lt;tr> &lt;th class="border-b dark:border-slate-600 font-medium p-4 pt-0 pb-3 text-slate-400 dark:text-slate-200 text-left">customer_id&lt;/th> &lt;th class="border-b dark:border-slate-600 font-medium p-4 pt-0 pb-3 text-slate-400 dark:text-slate-200 text-left">score&lt;/th> &lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td data-table-dtype="number" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">1&lt;/td>
&lt;td data-table-dtype="number" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">0&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td data-table-dtype="number" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">2&lt;/td>
&lt;td data-table-dtype="text" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">0.5&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td data-table-dtype="number" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">3&lt;/td>
&lt;td data-table-dtype="number" class="border-b border-slate-100 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400">1&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;caption class="table-caption">Tabela 1: Meus resultados&lt;/caption>
&lt;/table>
&lt;h2 id="você-achou-esta-página-útil-considere-compartilhá-la-">Você achou esta página útil? Considere compartilhá-la 🙌&lt;/h2></description></item></channel></rss>