{"id":10881,"date":"2021-02-04T03:30:18","date_gmt":"2021-02-04T03:30:18","guid":{"rendered":"https:\/\/hetpro-store.com\/TUTORIALES\/?p=10881"},"modified":"2021-02-04T03:30:20","modified_gmt":"2021-02-04T03:30:20","slug":"graficar-datos-python-pyserial-matplotlib","status":"publish","type":"post","link":"https:\/\/hetpro-store.com\/TUTORIALES\/graficar-datos-python-pyserial-matplotlib\/","title":{"rendered":"Graficar datos del serial: PySerial y Matplotlib"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">En este tutorial veremos como graficar datos de manera din\u00e1mica los datos desde un Arduino con PySerial y Matplotlib. Este tutorial estar\u00e1 algo corto debido a que nos basamos en otros dos tutoriales previos. El primero es el de la comunicaci\u00f3n serial de Arduino con <a href=\"https:\/\/www.python.org\/\">Python<\/a>, con PySerial: <a href=\"https:\/\/hetpro-store.com\/TUTORIALES\/pyserial-python-arduino-comunicacion-serial\/\">PySerial Python Arduino comunicaci\u00f3n serial<\/a> y el segundo es el de graficando con Matplotlib: <a href=\"https:\/\/hetpro-store.com\/TUTORIALES\/matplotlib-python-2-grafica-continua\/\">Matplotlib Python 2: Grafica continua<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-etapa-serial-con-pyserial\">Etapa serial con PySerial<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En primer lugar para graficar datos, vamos analizando la parte de la comunicaci\u00f3n serial. Para la parte de esta comunicaci\u00f3n pr\u00e1cticamente se dejo el c\u00f3digo tal cual se tenia en el ejemplo anterior. Si te fijas, las configuraciones y uso es el mismo. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para obtener los valores y poder pasar al graficar datos con python, primero validamos el c\u00f3digo de Arduino insertando el comando \u00abgetValue\u00bb para obtener los valores. A continuaci\u00f3n el c\u00f3digo.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-gestor-del-servicio wp-block-embed-gestor-del-servicio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"oembed-gist\"><script src=\"https:\/\/gist.github.com\/HectorTorres\/9f4e31d871396db8f427ce15be97bffc.js?file=arduino-python-serial.ino\"><\/script><noscript>View the code on <a href=\"https:\/\/gist.github.com\/HectorTorres\/9f4e31d871396db8f427ce15be97bffc\">Gist<\/a>.<\/noscript><\/div>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"595\" height=\"599\" src=\"https:\/\/hetpro-store.com\/TUTORIALES\/wp-content\/uploads\/2021\/01\/pyserial1.png\" alt=\"\" class=\"wp-image-10789\" srcset=\"https:\/\/hetpro-store.com\/TUTORIALES\/wp-content\/uploads\/2021\/01\/pyserial1.png 595w, https:\/\/hetpro-store.com\/TUTORIALES\/wp-content\/uploads\/2021\/01\/pyserial1-298x300.png 298w, https:\/\/hetpro-store.com\/TUTORIALES\/wp-content\/uploads\/2021\/01\/pyserial1-150x150.png 150w, https:\/\/hetpro-store.com\/TUTORIALES\/wp-content\/uploads\/2021\/01\/pyserial1-65x65.png 65w\" sizes=\"auto, (max-width: 595px) 100vw, 595px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-etapa-graficar-datos-con-matplotlib\">Etapa graficar datos con Matplotlib<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En este apartado, si hubo un par de cambios para lograr graficar datos desde Arduino. A continuaci\u00f3n, se describen algunos de estos. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En primer lugar, se inicializo un vector para el eje horizontal con solo 21 datos, y se inicializ\u00f3 un vector de ceros para crear la plantilla para los datos que fueramos leyendo desde el Arduino. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El siguiente y ultimo cambio relevante fue que en ves de recalcular todo el vector con una funci\u00f3n en especifico, solo anex\u00e1bamos los \u00faltimos valores del serial, como lo hac\u00edamos con el de tiempo.  N\u00f3tese que en el caso de la lectura como ya es formato diccionario, basta con poner entre corchetes la llave y key asignada para extraer el valor. En este caso es \u00abValue\u00bb. Posteriormente solo pasamos a graficar datos. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"577\" height=\"508\" src=\"https:\/\/hetpro-store.com\/TUTORIALES\/wp-content\/uploads\/2021\/02\/matplotlib2.jpeg\" alt=\"graficar datos\" class=\"wp-image-10882\" srcset=\"https:\/\/hetpro-store.com\/TUTORIALES\/wp-content\/uploads\/2021\/02\/matplotlib2.jpeg 577w, https:\/\/hetpro-store.com\/TUTORIALES\/wp-content\/uploads\/2021\/02\/matplotlib2-300x264.jpeg 300w\" sizes=\"auto, (max-width: 577px) 100vw, 577px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-c-digo-del-ejemplo-graficar-datos-python\">C\u00f3digo del ejemplo graficar datos Python <\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-gestor-del-servicio wp-block-embed-gestor-del-servicio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"oembed-gist\"><script src=\"https:\/\/gist.github.com\/HectorTorres\/d3df9f4616a26da53f7b01070db312e1.js\"><\/script><noscript>View the code on <a href=\"https:\/\/gist.github.com\/HectorTorres\/d3df9f4616a26da53f7b01070db312e1\">Gist<\/a>.<\/noscript><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-video-del-ejemplo\">Video del ejemplo<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"zak-oembed-container\"><iframe loading=\"lazy\" title=\"Python comunicaci\u00f3n y grafica con Arduino y Matplotlib 14\" width=\"812\" height=\"609\" src=\"https:\/\/www.youtube.com\/embed\/e6fCNznIZq8?start=628&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-atenci-n\">Atenci\u00f3n<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Finalmente adem\u00e1s de graficar datos en python, te recordamos visitar nuestros tutoriales relacionados con la programaci\u00f3n en Python, Matplotlib y la electr\u00f3nica como,\u00a0<a href=\"https:\/\/hetpro-store.com\/TUTORIALES\/while-en-python-11-loops\/\">While en Python<\/a>,\u00a0<a href=\"https:\/\/hetpro-store.com\/TUTORIALES\/set-en-python-7-colecciones\/\">Set en Python<\/a>,\u00a0<a href=\"https:\/\/hetpro-store.com\/TUTORIALES\/tuples-en-python-6-colecciones\/\">Tuples en Python<\/a>\u00a0y\u00a0<a href=\"https:\/\/hetpro-store.com\/TUTORIALES\/nrf24l01-con-arduino\/\">m\u00e1s<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En conclusi\u00f3n, si te gusto este tutorial, favor de dejar un comentario, lo agradeceremos mucho. Despu\u00e9s de todo, te recomendamos visitar nuestra&nbsp;<a href=\"https:\/\/hetpro-store.com\/TUTORIALES\/\">pagina principal&nbsp;<\/a>para que veas los nuevos&nbsp;<a href=\"https:\/\/hetpro-store.com\/TUTORIALES\/\">tutoriales<\/a>&nbsp;en&nbsp;<a href=\"https:\/\/hetpro-store.com\/\">HETPRO<\/a>. Tenemos tutoriales de&nbsp;<a href=\"https:\/\/hetpro-store.com\/TUTORIALES\/category\/arduino\/\">Arduino<\/a>,&nbsp;<a href=\"https:\/\/hetpro-store.com\/TUTORIALES\/category\/pcb\/\">PCBs<\/a>,&nbsp;<a href=\"https:\/\/hetpro-store.com\/TUTORIALES\/category\/programacion\/\">programaci\u00f3n&nbsp;<\/a>y muchos m\u00e1s. En conclusi\u00f3n, esta obra est\u00e1 bajo una&nbsp;<a href=\"http:\/\/creativecommons.org\/licenses\/by-nc-nd\/4.0\/\">Licencia Creative Commons Atribuci\u00f3n-NoComercial-SinDerivar 4.0 Internacional<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En este tutorial veremos como graficar datos de manera din\u00e1mica los datos desde un Arduino con PySerial y Matplotlib. Este tutorial estar\u00e1 algo corto debido a que nos basamos en otros dos tutoriales previos. El primero es el de la comunicaci\u00f3n serial de Arduino con Python, con PySerial: PySerial Python Arduino comunicaci\u00f3n serial y el [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":10882,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[10710],"tags":[56,11439,10759],"class_list":["post-10881","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-python","tag-arduino","tag-matplotlib","tag-python"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.1.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Graficar datos del serial: PySerial y Matplotlib - HeTPro-Tutoriales<\/title>\n<meta name=\"description\" content=\"En este tutorial veremos como graficar datos de manera din\u00e1mica los datos desde un Arduino con PySerial y Matplotlib en Python.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hetpro-store.com\/TUTORIALES\/graficar-datos-python-pyserial-matplotlib\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Graficar datos del serial: PySerial y Matplotlib - HeTPro-Tutoriales\" \/>\n<meta property=\"og:description\" content=\"En este tutorial veremos como graficar datos de manera din\u00e1mica los datos desde un Arduino con PySerial y Matplotlib en Python.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hetpro-store.com\/TUTORIALES\/graficar-datos-python-pyserial-matplotlib\/\" \/>\n<meta property=\"og:site_name\" content=\"HeTPro-Tutoriales\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/HeTPro-142107212482616\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-04T03:30:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-02-04T03:30:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hetpro-store.com\/TUTORIALES\/wp-content\/uploads\/2021\/02\/matplotlib2.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"577\" \/>\n\t<meta property=\"og:image:height\" content=\"508\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hetpro1\" \/>\n<meta name=\"twitter:site\" content=\"@hetpro1\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/hetpro-store.com\/TUTORIALES\/wp-json\/wp\/v2\/posts\/10881","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hetpro-store.com\/TUTORIALES\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hetpro-store.com\/TUTORIALES\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hetpro-store.com\/TUTORIALES\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hetpro-store.com\/TUTORIALES\/wp-json\/wp\/v2\/comments?post=10881"}],"version-history":[{"count":0,"href":"https:\/\/hetpro-store.com\/TUTORIALES\/wp-json\/wp\/v2\/posts\/10881\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hetpro-store.com\/TUTORIALES\/wp-json\/wp\/v2\/media\/10882"}],"wp:attachment":[{"href":"https:\/\/hetpro-store.com\/TUTORIALES\/wp-json\/wp\/v2\/media?parent=10881"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hetpro-store.com\/TUTORIALES\/wp-json\/wp\/v2\/categories?post=10881"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hetpro-store.com\/TUTORIALES\/wp-json\/wp\/v2\/tags?post=10881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}