SlideShare a Scribd company logo
Visualització de Dades
interactiva i reproduïble per a
no-programadors: Plotly Chart
Studio
Sergi Albert Ballestar
INDEX
• I AIXÒ PERQUÈ?
• INTERACTIVA & REPRODUIBLE
• COM FUNCIONA?
• CREAR-SE UN COMPTE GRATUÏT
• POSSIBILITATS I LIMITACIONS
• HO PUC POSAR A POWERPOINTS?
• COM COPIAR UN QUE HE VIST I M’AGRADA MOLT
I AIXÒ PERQUÈ?
Des de petits fins a la universitat anem aprenem coneixement matemàtic cada cop més complex fins arribar
al món laboral, on molt sovint, amb saber fer anar l'Excel be és suficient (NO és el cas de l’AQuAS <3).
A més a més, aprendre llenguatges estadístics sol ser molt complicat al inici
I AIXÒ PERQUÈ?
Aquesta dificultat per aprendre un
llenguatge fa que, a l’hora de processar
dades, el progrés sigui una “muntanya russa”
 Funciona! Un segon, se m’ha esborrat
tot... Ah espera, ja ho he arreglat!
Mentre que processar les dades
manualment, encara que més feixuc, és un
progrés constant
INTERACTIVA & REPRODUIBLE
• INTERACTIVA
• REPRODUIBLE
Actualment a l’AQuAS ja
s’ha fet una gran feina amb
eines interactives de
Visualització de Dades
Jo a més a més vull afegir
una altra que pot ser útil
per qui vulgui poder-ho fer
més “reproduïble”
INTERACTIVA & REPRODUIBLE
Plotly Chart Studio genera el
codi del gràfic interactiu que
hem dissenyat en diferents
llenguatges.
Així, sense saber res de pr
COM FUNCIONA?
• https://plot.ly/online-chart-maker/
• 1. PUGEM DADES
• Registre de mortalitat – Esperança de vida
http://salutweb.gencat.cat/ca/el_departament/estadistiques_sanitaries/dade
s_de_salut_i_serveis_sanitaris/mortalitat/
• 2. CREEM EL GRAFIC  “+ TRACE”
• 3. COMPARTIM  share
COM FUNCIONA?
• 2. CREEM EL GRAFIC & COMPARTIM https://plot.ly/~sergiballestar/1/
COM FUNCIONA?
• 2. CREEM EL GRAFIC & COMPARTIM https://plot.ly/~sergiballestar/1/
REPRODUIBLE
• https://rstudio.cloud/projects
CREAR-SE UN COMPTE GRATUÏT
• https://plot.ly/products/cloud/
COMPTE GRATUÏT COM SORTEJAR-HO
Màxim de 25 gràfics - Guardar en html (o codi R) els gràfics més antics
per poder tenir espai per nous
- Actualitzar gràfics antics quan es te nova info
Màxim 500Kb datasets per
gràfic (50MB en total)
Màxim Guardar i/o Exportar
100 cops cada 24h
- Copiar i enganxar el que ja hem descarregat
Màxim 500 visualitzacions web
en 24h
- Descarregar en format html i inserir l’arxiu, en lloc
de vincular-lo amb i-frame
Actualitzacions dels gràfics en
viu amb R, Python o SQL
Exportar en múltiples formats
ALERTA DE PRIVACITAT
• Health Data
• You shall comply with the obligations under the Health Insurance Portability and
Accountability Act (“HIPAA”) in use of the Service. Plotly does not have, and will
not accept, any obligations of confidentiality with respect to any communications
other than those expressly stated in these Terms or the Privacy Policy.
• You agree to fully de-identified all heath data pursuant to the HIPAA privacy rule
standards for de-identification set forth in 45 CFR 164.514(b), prior to being
uploaded to Plotly. You agree to remove any information that would enable
Plotly or a third party to associate any health data with a specific individual or
group of individual.
• You declare that you have the right to communicate or broadcast all health data
and that you have obtained all necessary authorizations and, where legally
required, prior specific, informed and freely given consents from the individuals
from which the data is obtained or derived prior to submitting the data to Plotly.
HO PUC POSAR A UN POWERPOINT?
• SI!  Cal instal·lar un “add in” de Microsoft 365 al qual es pot accedir
amb el compte email del ecorreu (@gencat.cat)
• https://appsource.microsoft.com/es-
es/product/office/WA104379485?src=office&corrid=12a82e69-932a-
4f91-9cd0-36a8578ed2bb&omexanonuid=d3293b06-6608-4dca-
9961-f9e91e6b7625&referralurl=&signInModalType=1&ctaType=1
• =
• https://bit.ly/2XCt2eQ
Return to your internet browser or copy this link into your browser:
https://store.office.com/destroute?osid=5cda5f15-d100-4022-95bb-b2389958bbc5&ai=WA104379485&rs=en-US&ta=HE
Need more help?
My Add-ins
Insert
On the Insert tab
After you install the add-in, you can launch it by choosing the add-in button on the Insert tab
Relaunch the add-in
Plotly D3.js Charts for Powerpoint and Excel
Plotly D3.js Charts for Powerpoint and Excel
COM COPIAR UN QUE HE VIST I M’AGRADA
• Suposem que hem vist aquest i ens agrada molt perquè te un
desplegable i ens agradaria que enlloc de “or” “plata” i “bronze”
posés “homes” “dones” “total”
• https://plot.ly/~chelsea_lyn/12871/_2016-summer-olympic-medal-
count/#plot
• Psst... You are not the owner of this plot, but you have the right
to view it, and save your own copy of it. This is known as a fork.
MES INFO
• Tutorials de Plotly Chart Studio
• https://www.youtube.com/watch?v=2aZmsyXegZE (barplot 1)
• https://www.youtube.com/watch?v=K4QE85XA9A4 (barplot 2)
• https://www.youtube.com/watch?v=Wh8ROebKcyo (possibilitats)
• Plotly per R  com passar de “ggplot2” a Plotly amb “ggplotly()”
• https://plotcon17.cpsievert.me/workshop/
• https://plotly-r.com/index.html

More Related Content

Similar to DataViz for non-coders: Plotly chart studio

CloudComputing Tecnocampus
CloudComputing TecnocampusCloudComputing Tecnocampus
CloudComputing Tecnocampus
Bàrbara Ruiz
 
Pdi : Principis i metodologia
Pdi : Principis i metodologiaPdi : Principis i metodologia
Pdi : Principis i metodologia
Josep Manuel
 
Arquitectura de l'informacio_pac1
Arquitectura de l'informacio_pac1Arquitectura de l'informacio_pac1
Arquitectura de l'informacio_pac1
Marcos Baldovi
 
2- Presentació Taula Rodona 14-03-24.pdf
2- Presentació Taula Rodona 14-03-24.pdf2- Presentació Taula Rodona 14-03-24.pdf
2- Presentació Taula Rodona 14-03-24.pdf
Empresa i Emprenedoria Granollers
 
Resum Projecte R+D FlexWork
Resum Projecte R+D FlexWorkResum Projecte R+D FlexWork
Resum Projecte R+D FlexWork
MICProductivity
 
Blue2Boss PXC E1
Blue2Boss PXC E1Blue2Boss PXC E1
Blue2Boss PXC E1
elr1c
 
El teu negoci al núvol
El teu negoci al núvolEl teu negoci al núvol
El teu negoci al núvol
jbaucells
 
Cloud computing
Cloud computingCloud computing
Cloud computingfuiudl
 
Sparkling Water
Sparkling WaterSparkling Water
Sparkling Water
Oriol Mauri
 
Cloud, Office i Pad - Col·legi Economistes de Catalunya - Abril 2016
Cloud, Office i Pad - Col·legi Economistes de Catalunya - Abril 2016Cloud, Office i Pad - Col·legi Economistes de Catalunya - Abril 2016
Cloud, Office i Pad - Col·legi Economistes de Catalunya - Abril 2016
Ramon Costa i Pujol
 
"Dades obertes: foment de la reutilització i transparència automàtica"
"Dades obertes: foment de la reutilització i transparència automàtica""Dades obertes: foment de la reutilització i transparència automàtica"
"Dades obertes: foment de la reutilització i transparència automàtica"
Consorci Administració Oberta de Catalunya
 
SISTEMES EMPRESARIALS DE GESTIÓ
SISTEMES EMPRESARIALS DE GESTIÓSISTEMES EMPRESARIALS DE GESTIÓ
SISTEMES EMPRESARIALS DE GESTIÓvgr22
 
SISTEMES EMPRESARIALS DE GESTIÓ D'INFORMACIO
SISTEMES EMPRESARIALS DE GESTIÓ D'INFORMACIOSISTEMES EMPRESARIALS DE GESTIÓ D'INFORMACIO
SISTEMES EMPRESARIALS DE GESTIÓ D'INFORMACIOvgr22
 
Instal·lacions
Instal·lacionsInstal·lacions
Instal·lacionsSergi
 
Disseny web
Disseny webDisseny web
Disseny web
Carles Garcia
 
Linkat Olot
Linkat OlotLinkat Olot
Linkat Olot
frodri38
 
Barcelona Activa - Curs 2.4. Institucions Intel·ligents
Barcelona Activa - Curs 2.4. Institucions Intel·ligents Barcelona Activa - Curs 2.4. Institucions Intel·ligents
Barcelona Activa - Curs 2.4. Institucions Intel·ligents
Iniciativa Barcelona Open Data
 
Curs 2.4 Institucions Intel·ligents
Curs 2.4 Institucions Intel·ligentsCurs 2.4 Institucions Intel·ligents
Curs 2.4 Institucions Intel·ligents
Iniciativa Barcelona Open Data
 

Similar to DataViz for non-coders: Plotly chart studio (20)

CloudComputing Tecnocampus
CloudComputing TecnocampusCloudComputing Tecnocampus
CloudComputing Tecnocampus
 
Pdi : Principis i metodologia
Pdi : Principis i metodologiaPdi : Principis i metodologia
Pdi : Principis i metodologia
 
Arquitectura de l'informacio_pac1
Arquitectura de l'informacio_pac1Arquitectura de l'informacio_pac1
Arquitectura de l'informacio_pac1
 
2- Presentació Taula Rodona 14-03-24.pdf
2- Presentació Taula Rodona 14-03-24.pdf2- Presentació Taula Rodona 14-03-24.pdf
2- Presentació Taula Rodona 14-03-24.pdf
 
Resum Projecte R+D FlexWork
Resum Projecte R+D FlexWorkResum Projecte R+D FlexWork
Resum Projecte R+D FlexWork
 
Blue2Boss PXC E1
Blue2Boss PXC E1Blue2Boss PXC E1
Blue2Boss PXC E1
 
El teu negoci al núvol
El teu negoci al núvolEl teu negoci al núvol
El teu negoci al núvol
 
Presentación1
Presentación1Presentación1
Presentación1
 
Cloud computing
Cloud computingCloud computing
Cloud computing
 
Fresh businessoffice
Fresh businessofficeFresh businessoffice
Fresh businessoffice
 
Sparkling Water
Sparkling WaterSparkling Water
Sparkling Water
 
Cloud, Office i Pad - Col·legi Economistes de Catalunya - Abril 2016
Cloud, Office i Pad - Col·legi Economistes de Catalunya - Abril 2016Cloud, Office i Pad - Col·legi Economistes de Catalunya - Abril 2016
Cloud, Office i Pad - Col·legi Economistes de Catalunya - Abril 2016
 
"Dades obertes: foment de la reutilització i transparència automàtica"
"Dades obertes: foment de la reutilització i transparència automàtica""Dades obertes: foment de la reutilització i transparència automàtica"
"Dades obertes: foment de la reutilització i transparència automàtica"
 
SISTEMES EMPRESARIALS DE GESTIÓ
SISTEMES EMPRESARIALS DE GESTIÓSISTEMES EMPRESARIALS DE GESTIÓ
SISTEMES EMPRESARIALS DE GESTIÓ
 
SISTEMES EMPRESARIALS DE GESTIÓ D'INFORMACIO
SISTEMES EMPRESARIALS DE GESTIÓ D'INFORMACIOSISTEMES EMPRESARIALS DE GESTIÓ D'INFORMACIO
SISTEMES EMPRESARIALS DE GESTIÓ D'INFORMACIO
 
Instal·lacions
Instal·lacionsInstal·lacions
Instal·lacions
 
Disseny web
Disseny webDisseny web
Disseny web
 
Linkat Olot
Linkat OlotLinkat Olot
Linkat Olot
 
Barcelona Activa - Curs 2.4. Institucions Intel·ligents
Barcelona Activa - Curs 2.4. Institucions Intel·ligents Barcelona Activa - Curs 2.4. Institucions Intel·ligents
Barcelona Activa - Curs 2.4. Institucions Intel·ligents
 
Curs 2.4 Institucions Intel·ligents
Curs 2.4 Institucions Intel·ligentsCurs 2.4 Institucions Intel·ligents
Curs 2.4 Institucions Intel·ligents
 

DataViz for non-coders: Plotly chart studio

  • 1. Visualització de Dades interactiva i reproduïble per a no-programadors: Plotly Chart Studio Sergi Albert Ballestar
  • 2. INDEX • I AIXÒ PERQUÈ? • INTERACTIVA & REPRODUIBLE • COM FUNCIONA? • CREAR-SE UN COMPTE GRATUÏT • POSSIBILITATS I LIMITACIONS • HO PUC POSAR A POWERPOINTS? • COM COPIAR UN QUE HE VIST I M’AGRADA MOLT
  • 3. I AIXÒ PERQUÈ? Des de petits fins a la universitat anem aprenem coneixement matemàtic cada cop més complex fins arribar al món laboral, on molt sovint, amb saber fer anar l'Excel be és suficient (NO és el cas de l’AQuAS <3). A més a més, aprendre llenguatges estadístics sol ser molt complicat al inici
  • 4. I AIXÒ PERQUÈ? Aquesta dificultat per aprendre un llenguatge fa que, a l’hora de processar dades, el progrés sigui una “muntanya russa”  Funciona! Un segon, se m’ha esborrat tot... Ah espera, ja ho he arreglat! Mentre que processar les dades manualment, encara que més feixuc, és un progrés constant
  • 5. INTERACTIVA & REPRODUIBLE • INTERACTIVA • REPRODUIBLE Actualment a l’AQuAS ja s’ha fet una gran feina amb eines interactives de Visualització de Dades Jo a més a més vull afegir una altra que pot ser útil per qui vulgui poder-ho fer més “reproduïble”
  • 6. INTERACTIVA & REPRODUIBLE Plotly Chart Studio genera el codi del gràfic interactiu que hem dissenyat en diferents llenguatges. Així, sense saber res de pr
  • 7. COM FUNCIONA? • https://plot.ly/online-chart-maker/ • 1. PUGEM DADES • Registre de mortalitat – Esperança de vida http://salutweb.gencat.cat/ca/el_departament/estadistiques_sanitaries/dade s_de_salut_i_serveis_sanitaris/mortalitat/ • 2. CREEM EL GRAFIC  “+ TRACE” • 3. COMPARTIM  share
  • 8. COM FUNCIONA? • 2. CREEM EL GRAFIC & COMPARTIM https://plot.ly/~sergiballestar/1/
  • 9. COM FUNCIONA? • 2. CREEM EL GRAFIC & COMPARTIM https://plot.ly/~sergiballestar/1/
  • 11. CREAR-SE UN COMPTE GRATUÏT • https://plot.ly/products/cloud/ COMPTE GRATUÏT COM SORTEJAR-HO Màxim de 25 gràfics - Guardar en html (o codi R) els gràfics més antics per poder tenir espai per nous - Actualitzar gràfics antics quan es te nova info Màxim 500Kb datasets per gràfic (50MB en total) Màxim Guardar i/o Exportar 100 cops cada 24h - Copiar i enganxar el que ja hem descarregat Màxim 500 visualitzacions web en 24h - Descarregar en format html i inserir l’arxiu, en lloc de vincular-lo amb i-frame Actualitzacions dels gràfics en viu amb R, Python o SQL Exportar en múltiples formats
  • 12. ALERTA DE PRIVACITAT • Health Data • You shall comply with the obligations under the Health Insurance Portability and Accountability Act (“HIPAA”) in use of the Service. Plotly does not have, and will not accept, any obligations of confidentiality with respect to any communications other than those expressly stated in these Terms or the Privacy Policy. • You agree to fully de-identified all heath data pursuant to the HIPAA privacy rule standards for de-identification set forth in 45 CFR 164.514(b), prior to being uploaded to Plotly. You agree to remove any information that would enable Plotly or a third party to associate any health data with a specific individual or group of individual. • You declare that you have the right to communicate or broadcast all health data and that you have obtained all necessary authorizations and, where legally required, prior specific, informed and freely given consents from the individuals from which the data is obtained or derived prior to submitting the data to Plotly.
  • 13. HO PUC POSAR A UN POWERPOINT? • SI!  Cal instal·lar un “add in” de Microsoft 365 al qual es pot accedir amb el compte email del ecorreu (@gencat.cat) • https://appsource.microsoft.com/es- es/product/office/WA104379485?src=office&corrid=12a82e69-932a- 4f91-9cd0-36a8578ed2bb&omexanonuid=d3293b06-6608-4dca- 9961-f9e91e6b7625&referralurl=&signInModalType=1&ctaType=1 • = • https://bit.ly/2XCt2eQ
  • 14. Return to your internet browser or copy this link into your browser: https://store.office.com/destroute?osid=5cda5f15-d100-4022-95bb-b2389958bbc5&ai=WA104379485&rs=en-US&ta=HE Need more help? My Add-ins Insert On the Insert tab After you install the add-in, you can launch it by choosing the add-in button on the Insert tab Relaunch the add-in Plotly D3.js Charts for Powerpoint and Excel
  • 15. Plotly D3.js Charts for Powerpoint and Excel
  • 16. COM COPIAR UN QUE HE VIST I M’AGRADA • Suposem que hem vist aquest i ens agrada molt perquè te un desplegable i ens agradaria que enlloc de “or” “plata” i “bronze” posés “homes” “dones” “total” • https://plot.ly/~chelsea_lyn/12871/_2016-summer-olympic-medal- count/#plot • Psst... You are not the owner of this plot, but you have the right to view it, and save your own copy of it. This is known as a fork.
  • 17. MES INFO • Tutorials de Plotly Chart Studio • https://www.youtube.com/watch?v=2aZmsyXegZE (barplot 1) • https://www.youtube.com/watch?v=K4QE85XA9A4 (barplot 2) • https://www.youtube.com/watch?v=Wh8ROebKcyo (possibilitats) • Plotly per R  com passar de “ggplot2” a Plotly amb “ggplotly()” • https://plotcon17.cpsievert.me/workshop/ • https://plotly-r.com/index.html

Editor's Notes

  1. http://governobert.gencat.cat/ca/dades_obertes/indicadors_acces_cataleg_dades_obertes/ https://app.powerbi.com/view?r=eyJrIjoiODhiZTU2MmMtMjNhNC00ODFlLWEwNjgtYzI4OGYxNzk4ODAxIiwidCI6IjNiOTQyN2RjLWQzMGUtNDNiYy04YzA2LWZmNzI1MzY3NmZlYyIsImMiOjh9