<commit_before>---
title: Tőzsdebuborékok
date: 2016-10-28
tags: dataviz, d3.js
header-img: img/bubbles.jpg
subtitle: Házilag, ingyenes hozzávalókból.
---
A blog történetének (pláne az új blog történetének) legrosszabb címadásával igyekszem ellensúlyozni, hogy a beharangozás után két héttel jön a következő poszt (bölcs taktika). Igazából nem is _olyan_ tőzsdebuborékok ezek, csak egy kis adatvizualizáció `D3.js`-ben.

### Miről beszélnek az emberek?

A kísérlet célja a szemnek is tetszetős módon ábrázolni, melyik részvényekről folyik a legélénkebb diskurzus a piacon. Az ábrán minden buborék egy-egy részvény, a buborékok területe pedig azzal arányos, hogy a [Stocktwits](https://stoctwits.com) "trending" bejegyzéseiben hányszor említik a felhasználók. Minél többször fordul elő egy részvény, annál nagyobb és sötétebb a buborék.

<div>
    <script src="https://d3js.org/d3.v4.js"></script>
    <svg height="600"></svg>
    <div>
      <button id="refresh"><small>Újrarajzolás</small></button>
    </div>
    <script>
        (function(window, document) {
          'use strict';

          let refresh = document.getElementById('refresh');
          
          window.onload = function() {
            d3.json('https://dotkom.info/stocktwits/testdata', d => {
              extractData(d);
              refresh.addEventListener('click', () => extractData(d));
            });
          }

          function extractData(messages) {
            let data = {};
            messages.forEach(message => {
              if (message.symbols) {
                let symbols = message.symbols;
                symbols.forEach(symbol => {
                  if (data[symbol.symbol]) {<commit_msg>Fix subheadline<commit_after>---
title: Tőzsdebuborékok
date: 2016-10-28
tags: dataviz, d3.js
header-img: img/bubbles.jpg
subtitle: Házilag, ingyenes hozzávalókból.
---
A blog történetének (pláne az új blog történetének) legrosszabb címadásával igyekszem ellensúlyozni, hogy a beharangozás után két héttel jön a következő poszt (bölcs taktika). Igazából nem is _olyan_ tőzsdebuborékok ezek, csak egy kis adatvizualizáció `D3.js`-ben.

### Miről beszélnek az emberek?

A kísérlet célja a szemnek is tetszetős módon ábrázolni, melyik részvényekről folyik a legélénkebb diskurzus a piacon. Az ábrán minden buborék egy-egy részvény, a buborékok területe pedig azzal arányos, hogy a [Stocktwits](https://stoctwits.com) "trending" bejegyzéseiben hányszor említik a felhasználók. Minél többször fordul elő egy részvény, annál nagyobb és sötétebb a buborék.

#### Említések száma a Stocktwits-en
<div>
    <script src="https://d3js.org/d3.v4.js"></script>
    <svg height="600"></svg>
    <div>
      <button id="refresh"><small>Újrarajzolás</small></button>
    </div>
    <script>
        (function(window, document) {
          'use strict';

          let refresh = document.getElementById('refresh');
          
          window.onload = function() {
            d3.json('https://dotkom.info/stocktwits/testdata', d => {
              extractData(d);
              refresh.addEventListener('click', () => extractData(d));
            });
          }

          function extractData(messages) {
            let data = {};
            messages.forEach(message => {
              if (message.symbols) {
                let symbols = message.symbols;
                symbols.forEach(symbol => {
                  if (data[symbol.symbol]) {
{'fraction_non_alphanumeric': 0.11007299270072993, 'fraction_numerical': 0.009927007299270074, 'mean_word_length': 2.7731277533039647, 'pattern_counts': {'":': 0, '<': 27, '<?xml version=': 0, '>': 35, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3295425', 'n_tokens_mistral': 1258, 'n_tokens_neox': 1263, 'n_words': 285}