{"id":6917,"date":"2024-06-06T13:41:51","date_gmt":"2024-06-06T16:41:51","guid":{"rendered":"https:\/\/irisfernandez.com.ar\/betaweblog\/?p=6917"},"modified":"2025-05-23T18:59:07","modified_gmt":"2025-05-23T21:59:07","slug":"chatgpt-para-crear-codigo","status":"publish","type":"post","link":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/2024\/06\/06\/chatgpt-para-crear-codigo\/","title":{"rendered":"ChatGPT para crear c\u00f3digo"},"content":{"rendered":"\n<p>En estos d\u00edas estuve haciendo peque\u00f1os experimentos para crear archivos SVG, sitios web o interactivos con javascript, usando ChatGPT.<\/p>\n\n\n\n<p>Los resultados son sorprendentes (y emocionantes!)<\/p>\n\n\n\n<p>Comparto aqu\u00ed tres videos y varios prompts.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/youtu.be\/isGRLIKwGG4?si=WNdBvJh9VrlIfxzq\">Crear interactivos con Javascript creados por ChatGPT<\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/youtu.be\/hTPadYcGpjM?si=pdynURLQjOe1D-9G\">Crear un sitio web accesible usando ChatGPT<\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/youtu.be\/aYoH8va9FnU?si=xJK5NKiD6Sv1tC7U\">Crear gr\u00e1ficos vectoriales usando ChatGPT<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Algunos prompts<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Crear gr\u00e1fico de torta interactivo<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>Quiero que crees un interactivo en donde pueda modificar tres variables a trav\u00e9s de tres sliders. Esos tres sliders deben tener valores desde 0 hasta 100. A un costado debe hacerse un gr\u00e1fico de torta que represente los valores de cada uno de los sliders. El gr\u00e1fico de torta debe ocupar un 50% de la pantalla. Necesito que el c\u00f3digo est\u00e9 en javascript y lo incluyas en un archivo html. Los colores del gr\u00e1fico tienen que ser: azul, rojo y amarillo.<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Crear gr\u00e1fico de barras interactivo<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>Por favor, crea el c\u00f3digo en javascript insertado en un archivo HTML que realice un gr\u00e1fico de barras con tres datos. Los datos son n\u00fameros del 1 al 100. Para cada uno hay un campo de texto con los t\u00edtulos: Enero, Febrero, Marzo. Debajo se muestra un promedio de los tres valores con el t\u00edtulo: Promedio trimestral. El gr\u00e1fico debe ocupar un 50% de la pantalla.<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Crear gr\u00e1fico lineal interactivo<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>Crea el c\u00f3digo en javascript insertado en un archivo HTML. En pantalla se ve un gr\u00e1fico lineal donde se muestren los puntos resultantes de las siguientes variables: A, B y C. Para brindar el valor de cada variable tiene que haber un slider que permita ir desde 0 hasta 100. El gr\u00e1fico debe unir los tres puntos a trav\u00e9s de segmentos. El gr\u00e1fico tiene que ocupar el 50% de la pantalla.<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Generar im\u00e1genes de tipo SVG<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>Hola, por favor, \u00bfpod\u00e9s hacerme el c\u00f3digo SVG de una flor con cinco p\u00e9talos color rosado?<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Crear un sitio web accesible<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>Por favor, cre\u00e1 el HTML y el CSS por separado, para una p\u00e1gina que tenga un men\u00fa horizontal en la parte de arriba. Las opciones del men\u00fa son: Inicio, productos, contacto.<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>En estos d\u00edas estuve haciendo peque\u00f1os experimentos para crear archivos SVG, sitios web o interactivos con javascript, usando ChatGPT. Los resultados son sorprendentes (y emocionantes!) Comparto aqu\u00ed tres videos y varios prompts. Algunos prompts Crear gr\u00e1fico de torta interactivo Crear gr\u00e1fico de barras interactivo Crear gr\u00e1fico lineal interactivo Generar im\u00e1genes de tipo SVG Crear un &hellip; <a href=\"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/2024\/06\/06\/chatgpt-para-crear-codigo\/\" class=\"more-link\">Continuar leyendo<span class=\"screen-reader-text\"> &#8220;ChatGPT para crear c\u00f3digo&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,47],"tags":[],"class_list":["post-6917","post","type-post","status-publish","format-standard","hentry","category-educacion-tecnologia","category-inteligencia-artificial"],"_links":{"self":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts\/6917","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/comments?post=6917"}],"version-history":[{"count":2,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts\/6917\/revisions"}],"predecessor-version":[{"id":6920,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts\/6917\/revisions\/6920"}],"wp:attachment":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/media?parent=6917"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/categories?post=6917"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/tags?post=6917"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}