Old school D3 from simpler times

All examples By author By category About

aaizemberg

Full window Github gist

#TwitterForNews en AR (fav y RTs) - interactive scatterplot vega lite

<!DOCTYPE html>
<html>
  <head>
    <title>#TwitterforNews en 🇦🇷</title>
    <meta charset="utf-8" />

<script src="https://cdn.jsdelivr.net/npm/vega@5.4.0/build/vega.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vega-lite@3.4.0/build/vega-lite.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vega-embed@4.2.1/build/vega-embed.js"></script>

<style media="screen">
      .vega-actions a {
        margin-right: 5px;
      }
    </style>
  </head>
  <body>
    <h2>#TwitterForNews sobre #EleccionesArgentina2019 <svg width="30" height="25" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink">       
  <image xlink:href="https://abs-0.twimg.com/emoji/v2/svg/1f1e6-1f1f7.svg"  height="25" width="30"  /></svg>
    </h2>

<div id="vis"></div>

<script>
      // Assign the specification to a local variable vlSpec.
      var vlSpec = {
  "config": {"view": {"width": 400, "height": 300}, "mark": {"tooltip": null}},
  "data": {"name": "data-ae027930aacabe147f579d28f7043213"},
  "mark": {"type": "circle", "size": 60},
  "encoding": {
    "tooltip": [
      {"type": "nominal", "field": "screen_name"},
      {"type": "nominal", "field": "date"},
      {"type": "nominal", "field": "text"}
    ],
    "x": {"type": "quantitative", "field": "fav"},
    "y": {"type": "quantitative", "field": "retweet"}
  },
  "selection": {
    "selector004": {
      "type": "interval",
      "bind": "scales",
      "encodings": ["x", "y"]
    }
  },
  "$schema": "https://vega.github.io/schema/vega-lite/v3.3.0.json",
  "datasets": {
    "data-ae027930aacabe147f579d28f7043213": [
      {
        "screen_name": "MuchnikCo",
        "date": "Tue Jul 30 16:37:53 +0000 2019",
        "fav": 1,
        "retweet": 0,
        "text": "Hoy acompañamos a @TwitterLatAm en el Workshop #TwitterForNews, en el que parte del equipo #Twitter le dió a los medios y periodistas herramientas y tips para un mejor uso e interpretación de la plataforma, de cara a un nuevo proceso electoral 🗳 https://t.co/Qa2uCi4QTu"
      },
      {
        "screen_name": "gzcasti",
        "date": "Tue Jul 30 16:27:56 +0000 2019",
        "fav": 0,
        "retweet": 0,
        "text": "Excelente el evento #TwitterForNews. https://t.co/qlix8iyZrJ"
      },
      {
        "screen_name": "NeruOca",
        "date": "Tue Jul 30 16:25:31 +0000 2019",
        "fav": 0,
        "retweet": 0,
        "text": "Catas de whisky  #BuenMartes\n#whisky #neruocawhiskytaster #nerroca #whiskymaltargentina #museodelwhisky #TwitterforNews #DiadeLaAmistad #divertirnos #aprender #disfrutar #argentina #arranwhisky https://t.co/N7maE8j2yO"
      },
      {
        "screen_name": "winnlatam",
        "date": "Tue Jul 30 16:22:29 +0000 2019",
        "fav": 1,
        "retweet": 1,
        "text": "Interesantes datos de #TwitterforNews.\n\n👇🏻 https://t.co/9jI7V6kUpH"
      },
      {
        "screen_name": "GabrielGenri",
        "date": "Tue Jul 30 15:45:28 +0000 2019",
        "fav": 0,
        "retweet": 0,
        "text": "#Elecciones2019 Vía @agimenez Hoy fue el evento #TwitterforNews en 🇦🇷 \n- 55% de los usuarios locales tienen entre 18 y 24 años\n- 25 tuits es el máximo por hilo\n- Vídeos y Fotos, lo que mas engagement genera acá \n- EL PROCESO DE VERIFICACIÓN DE CUENTAS ESTÁ SUSPENDIDO https://t.co/mqQ8CTcDfJ"
      },
      {
        "screen_name": "Vanerod_guez",
        "date": "Tue Jul 30 15:31:05 +0000 2019",
        "fav": 7,
        "retweet": 2,
        "text": "#TwitterforNews un acertado acercamiento profesional a la plataforma. Excelente charla chicos 🙌🏽@HugoRodriguezN @juangraa @tatopoloni @MoniPortes @soydanibueno https://t.co/tV6STHezt9"
      },
      {
        "screen_name": "lmuchnik",
        "date": "Tue Jul 30 15:18:31 +0000 2019",
        "fav": 1,
        "retweet": 0,
        "text": "A sala llena, capacitando a medios y periodistas en #TwitterforNews, con todo el equipo de Twitter Latam. https://t.co/5WJEAPsqKN"
      },
      {
        "screen_name": "EquisVasco",
        "date": "Tue Jul 30 15:03:54 +0000 2019",
        "fav": 1,
        "retweet": 0,
        "text": "\"Los casos de remoción de cuenta se aplican por reincidencia en el incumplimiento de las reglas de Twitter\", agrega @HugoRodriguezN en #TwitterforNews."
      },
      {
        "screen_name": "FerBrovia",
        "date": "Tue Jul 30 15:01:23 +0000 2019",
        "fav": 1,
        "retweet": 0,
        "text": "-El # #EleccionesArgentina estará disponible a partir del 1/agosto.\n-Los Twitter Moments no murieron. \n-Un tuit cuenta una solísima vez en la TT tendencia (aunque le den al dedito, no pasará la nada).\n\n#TwitterforNews 🇦🇷"
      },
      {
        "screen_name": "FerBrovia",
        "date": "Tue Jul 30 14:56:30 +0000 2019",
        "fav": 3,
        "retweet": 0,
        "text": "Algo de data útil en el #TwitterforNews training para medios:\n\n-Los hilos no solo están de moda, son el oro (válido hasta 25, desp lo seguís con respuestas).\n-Transmisiones en vivo de hasta tres personas, interesantes para el debate electoral."
      },
      {
        "screen_name": "Eternauta",
        "date": "Tue Jul 30 14:52:08 +0000 2019",
        "fav": 1,
        "retweet": 0,
        "text": "Según Twitter, las tendencias no pueden ser manipuladas. Contratar a un ejército de trolls para fomentar un hashtag da el mismo resultado que hacer una campaña orgánica. Y los trolls pueden ser denunciados y/o suspendidas las cuentas. #TwitterforNews"
      },
      {
        "screen_name": "Eternauta",
        "date": "Tue Jul 30 14:49:24 +0000 2019",
        "fav": 1,
        "retweet": 0,
        "text": "El número y volumen de reportes no son factores decisivos para suspender una cuenta de Twitter, aunque si acelera la revisión. #TwitterforNews"
      },
      {
        "screen_name": "PaulaIkeda",
        "date": "Tue Jul 30 14:49:03 +0000 2019",
        "fav": 0,
        "retweet": 0,
        "text": "\"El número y volumen de reportes de una cuenta no la tira abajo. Sí activa el proceso de verificación\". Así estamos, #TwitterforNews de camino a las #EleccionesArgentina https://t.co/csKdgGt93i"
      },
      {
        "screen_name": "farodigitalok",
        "date": "Tue Jul 30 14:35:05 +0000 2019",
        "fav": 14,
        "retweet": 6,
        "text": "Hoy fue #TwitterforNews 🇦🇷\nDatos:\n1⃣ Fotos generan hasta 4x más engagement\n2⃣ Videos tienen 6x más posibilidades de ser compartidos que las fotos y 3 veces más que los GIF's\n3⃣55% de los usuarios locales tienen entre 18 y 24 años\n❗️Atención a los % de niveles de alfabetización❗️ https://t.co/h2zXKuSWVd"
      },
      {
        "screen_name": "EquisVasco",
        "date": "Tue Jul 30 14:34:54 +0000 2019",
        "fav": 4,
        "retweet": 0,
        "text": "Twitter analiza 10 millones de cuentas por semana para detectar bots en la plataforma, cuenta @HugoRodriguezN. #TwitterforNews https://t.co/a4sApvE50q"
      },
      {
        "screen_name": "Gauyo",
        "date": "Tue Jul 30 14:19:51 +0000 2019",
        "fav": 3,
        "retweet": 1,
        "text": "Twitter analiza 10MM de cuentas mensualmente para saber si son bots #TwitterforNews https://t.co/lnKxYFJJ9q"
      },
      {
        "screen_name": "MuchnikCo",
        "date": "Tue Jul 30 14:15:51 +0000 2019",
        "fav": 2,
        "retweet": 0,
        "text": "Seguridad en #Twitter con @HugoRodriguezN #TwitterForNews https://t.co/SuDxP1d1c3"
      },
      {
        "screen_name": "carohcufre",
        "date": "Tue Jul 30 14:10:37 +0000 2019",
        "fav": 1,
        "retweet": 0,
        "text": "#TwitterforNews lo que está permitido y lo que no.\nEstá permitida la parodia (tipo @AndiNL) siempre y cuando se aclare que lo es. https://t.co/9stEiqcZ9F"
      },
      {
        "screen_name": "agimenez",
        "date": "Tue Jul 30 14:08:06 +0000 2019",
        "fav": 85,
        "retweet": 35,
        "text": "Hoy fue el evento #TwitterforNews en 🇦🇷 y estos fueron los datos más interesantes:\n\n- 55% de los usuarios locales tienen entre 18 y 24 años\n- 25 tuits es el maximo por hilo\n- Videos y Fotos, lo que mas engagement genera acá \n- EL PROCESO DE VERIFICACIÓN DE CUENTAS ESTÁ SUSPENDIDO https://t.co/DDEmE7On5I"
      },
      {
        "screen_name": "ClauPasquini1",
        "date": "Tue Jul 30 14:07:45 +0000 2019",
        "fav": 7,
        "retweet": 1,
        "text": "⁦@juangraa⁩ en #TwitterforNews en Buenos Aires👏👏👏 https://t.co/NL2pdLmfGI"
      },
      {
        "screen_name": "maxifanelli",
        "date": "Tue Jul 30 14:03:16 +0000 2019",
        "fav": 1,
        "retweet": 0,
        "text": "Evento de #Twitter en #Argentina - #TwitterforNews @Twitter @MuchnikCo https://t.co/whv529eyDp"
      },
      {
        "screen_name": "Eternauta",
        "date": "Tue Jul 30 13:59:57 +0000 2019",
        "fav": 1,
        "retweet": 0,
        "text": "Público de Twitter en Argentina: 56% hombres, 44% mujeres. Más de la mitad, 54%, tienen entre 18 y 24 años. #TwitterForNews https://t.co/evhnAbZnP9"
      },
      {
        "screen_name": "marcpm",
        "date": "Tue Jul 30 13:37:12 +0000 2019",
        "fav": 5,
        "retweet": 1,
        "text": "En #TwitterForNews @MoniPortes y @soydanibueno compartiendo mejores prácticas en Argentina https://t.co/8CgkabFcWS"
      },
      {
        "screen_name": "NasanNadia",
        "date": "Tue Jul 30 13:36:49 +0000 2019",
        "fav": 1,
        "retweet": 0,
        "text": "Capacitandonos en mejores prácticas #TwitterForNews https://t.co/JTZHht70NX"
      },
      {
        "screen_name": "carohcufre",
        "date": "Tue Jul 30 13:32:06 +0000 2019",
        "fav": 5,
        "retweet": 0,
        "text": "Los medios que usan #Moments tienen mayor engagement en la plataforma #TwitterForNews https://t.co/KKuWbs7Gjm"
      },
      {
        "screen_name": "MuchnikCo",
        "date": "Tue Jul 30 13:25:24 +0000 2019",
        "fav": 2,
        "retweet": 1,
        "text": "Cómo trabaja el equipo de curaduría de #Twitter en #TwitterForNews con @soydanibueno https://t.co/WOJhzjAb7L"
      },
      {
        "screen_name": "PaulaIkeda",
        "date": "Tue Jul 30 13:20:59 +0000 2019",
        "fav": 3,
        "retweet": 1,
        "text": ".@tatopoloni en acción. Y de cómo conversar en @Twitter de la mejor manera. #TwitterForNews https://t.co/tsnNhMdRNN"
      },
      {
        "screen_name": "martinpepa",
        "date": "Tue Jul 30 13:20:26 +0000 2019",
        "fav": 0,
        "retweet": 0,
        "text": "Acá en #TwitterForNews @TwitterLatAm https://t.co/IBD6Q0EsnM"
      },
      {
        "screen_name": "PaulaIkeda",
        "date": "Tue Jul 30 13:17:47 +0000 2019",
        "fav": 3,
        "retweet": 0,
        "text": "Hola hilos, los 💛 fuerte. Atención: 25, el límite.\n#TwitterForNews https://t.co/Yp3TJShdKw"
      },
      {
        "screen_name": "PaulaIkeda",
        "date": "Tue Jul 30 13:01:55 +0000 2019",
        "fav": 2,
        "retweet": 0,
        "text": "Hola twittero argentino 🇦🇷🙌🏻 #TwitterForNews in here https://t.co/ktgKEc25Ct"
      },
      {
        "screen_name": "pablolivsit",
        "date": "Tue Jul 30 12:58:25 +0000 2019",
        "fav": 4,
        "retweet": 0,
        "text": "#TwitterForNews @tatopoloni Buenas prácticas #Elecciones2019 https://t.co/HWlFDtBFdO"
      },
      {
        "screen_name": "Gauyo",
        "date": "Tue Jul 30 12:55:50 +0000 2019",
        "fav": 9,
        "retweet": 2,
        "text": "Por qué tuiteamos #Twitterfornews https://t.co/iNsDdQg3LE"
      },
      {
        "screen_name": "Gauyo",
        "date": "Tue Jul 30 12:52:39 +0000 2019",
        "fav": 2,
        "retweet": 0,
        "text": "Para qué sirve el perfil verificado #Twitterfornews https://t.co/Sdkk5VAvpU"
      },
      {
        "screen_name": "MuchnikCo",
        "date": "Tue Jul 30 12:52:31 +0000 2019",
        "fav": 7,
        "retweet": 1,
        "text": "Buenas prácticas en #Twitter con @tatopoloni #TwitterForNews https://t.co/fvrg1GlmVh"
      },
      {
        "screen_name": "Gauyo",
        "date": "Tue Jul 30 12:46:03 +0000 2019",
        "fav": 6,
        "retweet": 2,
        "text": "De que habla Twitter argentina #EleccionesArgentina #Twitterfornews https://t.co/W3Q6PtcSGa"
      },
      {
        "screen_name": "TyNMagazine",
        "date": "Tue Jul 30 12:45:55 +0000 2019",
        "fav": 2,
        "retweet": 0,
        "text": "#EleccionesArgentina #TwitterForNews \" El interés del electorado tiene como punto principal la macroeconomía y la grieta social\" https://t.co/kcJSVAnHdV"
      },
      {
        "screen_name": "MuchnikCo",
        "date": "Tue Jul 30 12:43:45 +0000 2019",
        "fav": 5,
        "retweet": 1,
        "text": "@juangraa y @HugoRodriguezN del equipo @TwitterLatAm en #TwitterForNews https://t.co/VD5UpROd9H"
      },
      {
        "screen_name": "ITSitio",
        "date": "Tue Jul 30 12:42:34 +0000 2019",
        "fav": 5,
        "retweet": 0,
        "text": "Nos estamos entrenando para sacar mejor provecho de las rrss #TwitterForNews https://t.co/UQAJmROolB"
      },
      {
        "screen_name": "Gauyo",
        "date": "Tue Jul 30 12:40:50 +0000 2019",
        "fav": 14,
        "retweet": 4,
        "text": "El hashtag oficial es #EleccionesArgentina. Tendrá emoji de urnita a partir del 1º de agosto. #Twitterfornews"
      },
      {
        "screen_name": "Gauyo",
        "date": "Tue Jul 30 12:35:56 +0000 2019",
        "fav": 22,
        "retweet": 1,
        "text": "Twitter argentina #Twitterfornews https://t.co/JiHp7SXMt9"
      },
      {
        "screen_name": "MuchnikCo",
        "date": "Tue Jul 30 12:12:21 +0000 2019",
        "fav": 3,
        "retweet": 0,
        "text": "Todo listo para #TwitterForNews https://t.co/XRyMHF6fu7"
      },
      {
        "screen_name": "Dra_GraceSalas",
        "date": "Tue Jul 30 11:59:45 +0000 2019",
        "fav": 1,
        "retweet": 0,
        "text": "@TyNMagazine desde el evento #TwitterForNews #PuertoMadero @Col_Fortabat https://t.co/p9VqYh5rq4"
      },
      {
        "screen_name": "HugoRodriguezN",
        "date": "Tue Jul 30 11:58:29 +0000 2019",
        "fav": 27,
        "retweet": 6,
        "text": "Listos para comenzar #TwitterForNews en Puerto Madero de cara a las #EleccionesArgentina 2019 https://t.co/WdDmkQhF6E"
      },
      {
        "screen_name": "gzcasti",
        "date": "Tue Jul 30 11:54:38 +0000 2019",
        "fav": 5,
        "retweet": 0,
        "text": "En #TwitterForNews nos tratan bien. https://t.co/BXwn3XIyyr"
      }
    ]
  }
};

vegaEmbed('#vis', vlSpec);
    </script>
  </body>
</html>

https://cdn.jsdelivr.net/npm/vega@5.4.0/build/vega.js

https://cdn.jsdelivr.net/npm/vega-lite@3.4.0/build/vega-lite.js

https://cdn.jsdelivr.net/npm/vega-embed@4.2.1/build/vega-embed.js