{"id":183342,"date":"2022-12-07T13:52:35","date_gmt":"2022-12-07T13:52:35","guid":{"rendered":"https:\/\/datascientest.com\/?p=183342"},"modified":"2023-11-09T13:55:29","modified_gmt":"2023-11-09T13:55:29","slug":"bokeh-python-tout-savoir","status":"publish","type":"post","link":"https:\/\/datascientest.com\/bokeh-python-tout-savoir","title":{"rendered":"Bokeh : la librairie Python de visualisation nouvelle g\u00e9n\u00e9ration"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"183342\" class=\"elementor elementor-183342\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5ecf55e e-flex e-con-boxed e-con\" data-id=\"5ecf55e\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d9fc07 elementor-widget elementor-widget-heading\" data-id=\"2d9fc07\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 02-08-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\"><b>L'analyse de donn\u00e9es offre de nombreuses opportunit\u00e9s. Toutefois, il peut \u00eatre difficile d'interpr\u00e9ter les donn\u00e9es brutes pour les utilisateurs non techniques au sein d'une entreprise. En pr\u00e9sentant les informations pertinentes de fa\u00e7on claire et explicite, la Data Visualisation rem\u00e9die \u00e0 ce probl\u00e8me et permet \u00e0 n'importe qui d'exploiter le Big Data.\u200b<\/b><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b226b7f elementor-widget elementor-widget-text-editor\" data-id=\"b226b7f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 02-08-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>Si vous connaissez d\u00e9j\u00e0 des librairies de Data Visualisation telles que <a href=\"https:\/\/datascientest.com\/matplotlib-tout-savoir\">Matplotlib<\/a> et\/ou <a href=\"https:\/\/datascientest.com\/seaborn\">Seaborn<\/a>, nous allons voir aujourd&rsquo;hui pourquoi <strong>Bokeh<\/strong> est un must \u00e0 ajouter \u00e0 votre panoplie d\u2019outils de Data Viz.<\/p><p>Tout comme ses librairies consoeurs, Bokeh est une librairie python de Data Visualisation qui permet de cr\u00e9er des graphiques et des visuels au rendu \u00e9l\u00e9gant et professionnel tel que des lineplot, barplot, histogramme, distribution etc.. munies de l\u00e9gendes, textes ou autres annotations. Mais l\u00e0 o\u00f9 se diff\u00e9rencie Bokeh, c\u2019est sur<strong> l&rsquo;interactivit\u00e9 de ses graphes, son rendu multi-plateforme et son degr\u00e9 de personnalisation<\/strong>.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62981f8 e-flex e-con-boxed e-con\" data-id=\"62981f8\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-909587e elementor-widget elementor-widget-heading\" data-id=\"909587e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">En quoi Bokeh est-il une librairie int\u00e9ractive ?<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a6e53b elementor-widget elementor-widget-text-editor\" data-id=\"4a6e53b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>En quelques lignes de <a href=\"https:\/\/datascientest.com\/apprendre-a-coder-en-python-top-5-des-erreurs-a-ne-pas-commettre-2\">code Python<\/a>, Bokeh permet de <strong>cr\u00e9er des graphiques aliment\u00e9s par Javascript<\/strong> qui assure une interactivit\u00e9 et un dynamisme sans \u00e9gal.<\/p><p>Le processus d&rsquo;ex\u00e9cution d\u2019un code Bokeh se fait en deux parties : on choisit d\u2019abord, un bloc parmi les blocs pr\u00e9-construits de Bokeh pour cr\u00e9er notre visualisation, puis, on ajoute du code suppl\u00e9mentaire pour personnaliser ces blocs de construction et <strong>r\u00e9pondre le plus pr\u00e9cis\u00e9ment possible \u00e0 nos besoins<\/strong>.<\/p><p>\u00c0 partir de notre code python, Bokeh va alors convertir ce <strong>code en JSON<\/strong> et le transmettre \u00e0 <strong>BokehJS<\/strong>, une librairie Javascript, qui \u00e0 son tour transmettra ces informations aux navigateurs web modernes pour un affichage dans un onglet web.<\/p><p>Les fonctionnalit\u00e9s d\u2019interactions dans notre graphe sont natives \u00e0 Bokeh, c\u2019est \u00e0 dire que m\u00eame le plus simple des graphes pr\u00e9sente ces fonctionnalit\u00e9s dans ce qu\u2019on appellera une <strong>bo\u00eete \u00e0 outils<\/strong> pr\u00e9sente sur le c\u00f4t\u00e9 (droit par d\u00e9faut) du graphique :<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eba1edc e-flex e-con-boxed e-con\" data-id=\"eba1edc\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-258287c e-con-full e-flex e-con\" data-id=\"258287c\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6371851 elementor-widget elementor-widget-image\" data-id=\"6371851\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 02-08-2023 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image11.png\" class=\"attachment-full size-full wp-image-183345\" alt=\"\" srcset=\"https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image11.png 32w, https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/elementor\/thumbs\/image11.png 40w\" sizes=\"(max-width: 32px) 100vw, 32px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c1a4961 e-con-full e-flex e-con\" data-id=\"c1a4961\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3bf735 elementor-widget elementor-widget-text-editor\" data-id=\"b3bf735\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Se d\u00e9placer dans le graphe pour cible une zone<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a64c31d e-flex e-con-boxed e-con\" data-id=\"a64c31d\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c6bfb1a e-con-full e-flex e-con\" data-id=\"c6bfb1a\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c9e204 elementor-widget elementor-widget-image\" data-id=\"6c9e204\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image1-2.png\" class=\"attachment-full size-full wp-image-183346\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1dacad6 e-con-full e-flex e-con\" data-id=\"1dacad6\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4415ec6 elementor-widget elementor-widget-text-editor\" data-id=\"4415ec6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Zoomer sur une zone que l\u2019on d\u00e9finit du graphe<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff0be9a e-flex e-con-boxed e-con\" data-id=\"ff0be9a\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d874279 e-con-full e-flex e-con\" data-id=\"d874279\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d0dc85 elementor-widget elementor-widget-image\" data-id=\"0d0dc85\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image3.png\" class=\"attachment-full size-full wp-image-183347\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-065277a e-con-full e-flex e-con\" data-id=\"065277a\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f6d04a elementor-widget elementor-widget-text-editor\" data-id=\"5f6d04a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Zoomer en utilisant la souris<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57b7be0 e-flex e-con-boxed e-con\" data-id=\"57b7be0\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3422a4d e-con-full e-flex e-con\" data-id=\"3422a4d\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84f99fc elementor-widget elementor-widget-image\" data-id=\"84f99fc\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image16.png\" class=\"attachment-full size-full wp-image-183348\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb9e969 e-con-full e-flex e-con\" data-id=\"fb9e969\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-576bd05 elementor-widget elementor-widget-text-editor\" data-id=\"576bd05\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Sauvegarder votre graphique dans un fichier PNG<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d9b57fd e-flex e-con-boxed e-con\" data-id=\"d9b57fd\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c88118e e-con-full e-flex e-con\" data-id=\"c88118e\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-535d268 elementor-widget elementor-widget-image\" data-id=\"535d268\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image10.png\" class=\"attachment-full size-full wp-image-183349\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1bde110 e-con-full e-flex e-con\" data-id=\"1bde110\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0db9ca8 elementor-widget elementor-widget-text-editor\" data-id=\"0db9ca8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">R\u00e9initialiser les param\u00e8tres par d\u00e9faut de votre graphique<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-179d70d e-flex e-con-boxed e-con\" data-id=\"179d70d\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e87d135 e-con-full e-flex e-con\" data-id=\"e87d135\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60ee6f3 elementor-widget elementor-widget-image\" data-id=\"60ee6f3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image15.png\" class=\"attachment-full size-full wp-image-183350\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d662a6b e-con-full e-flex e-con\" data-id=\"d662a6b\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b8a97d elementor-widget elementor-widget-text-editor\" data-id=\"5b8a97d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Fen\u00eatre d\u2019aide pour apprendre \u00e0 utiliser la bo\u00eete \u00e0 outils d\u2019interactions<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44aadd9 e-flex e-con-boxed e-con\" data-id=\"44aadd9\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2143bbf elementor-widget elementor-widget-text-editor\" data-id=\"2143bbf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Il nous est possible d\u2019ajouter de nouveaux outils \u00e0 cette bo\u00eete \u00e0 outils gr\u00e2ce \u00e0 la m\u00e9thode <strong><em>add_tools()<\/em><\/strong> o\u00f9 vous pourrez, par exemple, ajouter des fonctionnalit\u00e9s lors d\u2019un survol avec votre souris \u00e0 l\u2019aide de la classe <strong>HoverTool<\/strong>.<\/p><p>D\u2019un point de vue plus pratique, Bokeh est simple \u00e0 prendre en main. Il fonctionne sur le <strong>syst\u00e8me de couches suppl\u00e9mentaires<\/strong> qu\u2019on ajoute au fur et \u00e0 mesure de l&rsquo;ex\u00e9cution du code. Ainsi, apr\u00e8s avoir cr\u00e9\u00e9 notre figure, on peut ajouter un nouveau type de trac\u00e9, en superposant cette nouvelle couche au graphe existant.<\/p><p>Par exemple, le code suivant :<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-853f2a4 elementor-widget elementor-widget-shortcode\" data-id=\"853f2a4\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><script src=\"https:\/\/gist.github.com\/benech17\/8e622c3623d08041ff080554d621fc2d.js\"><\/script><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-661edb0 elementor-widget elementor-widget-text-editor\" data-id=\"661edb0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">permet d\u2019afficher dans un nouvel onglet du navigateur, un <strong>fichier HTML<\/strong> contenant : <\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-573fc27 elementor-widget elementor-widget-image\" data-id=\"573fc27\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1222\" height=\"1218\" src=\"https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image6.png\" class=\"attachment-full size-full wp-image-183355\" alt=\"\" srcset=\"https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image6.png 1222w, https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image6-300x300.png 300w, https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image6-1024x1021.png 1024w, https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image6-150x150.png 150w, https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image6-768x765.png 768w\" sizes=\"(max-width: 1222px) 100vw, 1222px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29298f1 elementor-widget elementor-widget-text-editor\" data-id=\"29298f1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>D\u2019autre part, Bokeh met \u00e0 disposition la possibilit\u00e9 de cr\u00e9er et d\u2019utiliser des widgets sur notre graphe, promesse de visuel dynamique et plus int\u00e9ractif que jamais.<\/p><p>En effet, gr\u00e2ce \u00e0 la classe <strong>CustomJS<\/strong> du sous-module bokeh.models, la mise \u00e0 jour de valeurs par sliders, checkbox ou champ de formulaire devient un jeu d\u2019enfant. Les objets <strong>CustomJS<\/strong> permettent de faire le lien entre les <strong>objets Python<\/strong> manipul\u00e9s et les <strong>objets JavaScript<\/strong> qu&rsquo;utilise bokeh pour g\u00e9n\u00e9rer et afficher des figures. Tr\u00e8s proche du langage Javascript dans sa conception des widgets, ces derniers sont un v\u00e9ritable game-changer pour la <a href=\"https:\/\/datascientest.com\/avec-la-data-visualisation-donnez-du-sens-a-vos-donnees\">visualisation des donn\u00e9es<\/a> passant de visualisations 2D statiques \u00e0 des visualisations interactives, dynamiques, modifiables et s\u2019adaptant \u00e0 tous les besoins.<\/p><p>De plus, en jumelant cette fonctionnalit\u00e9 de Bokeh \u00e0 celle qui permet de choisir le type d\u2019affichage entre une <strong>image PNG<\/strong>, un <strong>notebook<\/strong> ou un <strong>fichier web au format HTML<\/strong>, on se rend compte que finalement Bokeh est bien plus qu\u2019une librairie de visualisation, car elle permet presque la cr\u00e9ation de web applications pour la visualisation de donn\u00e9es comme en t\u00e9moigne <a href=\"https:\/\/demo.bokeh.org\/movies\">cet exemple<\/a> tir\u00e9 directement de la documentation de Bokeh.<\/p><p>Bokeh se retrouve \u00e0 mi-chemin entre la librairie de visualisation usuelle et une librairie de cr\u00e9ation d\u2019applications Data comme <a href=\"https:\/\/datascientest.com\/streamlit-ou-loutil-pour-presenter-votre-travail-de-machine-learning\">Streamlit<\/a>.<\/p><p>Encore mieux, pour avoir le v\u00e9ritable rendu d\u2019une application web de visualisation de donn\u00e9es, Bokeh permet d\u2019afficher de r\u00e9colter les donn\u00e9es affich\u00e9es depuis un Streaming de donn\u00e9es, en temps r\u00e9el donc, depuis des sources tels que des march\u00e9s financiers, des capteurs physiques ou de l\u2019IOT.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d692db elementor-widget elementor-widget-image\" data-id=\"7d692db\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"303\" src=\"https:\/\/datascientest.com\/wp-content\/uploads\/2022\/12\/ajax_streaming-1-1.gif\" class=\"attachment-large size-large wp-image-186085\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b48d0f1 e-flex e-con-boxed e-con\" data-id=\"b48d0f1\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56aa313 elementor-widget elementor-widget-heading\" data-id=\"56aa313\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Bokeh, une librairie personnalisable<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0fc6fb5 elementor-widget elementor-widget-text-editor\" data-id=\"0fc6fb5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>D\u2019autre part, Bokeh permet une personnalisation du rendu quasi infini. Si nous reprenons le dernier graphique, il est possible de modifier chacun des diff\u00e9rents aspects affich\u00e9s pour obtenir un rendu unique en y ajoutant des couches de sp\u00e9cifications \u00e0 souhait.<\/p><p>En ajoutant quelques lignes de sp\u00e9cifications suppl\u00e9mentaires au code pr\u00e9c\u00e9dent, on a :<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f6cd1a elementor-widget elementor-widget-shortcode\" data-id=\"1f6cd1a\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><script src=\"https:\/\/gist.github.com\/benech17\/3948686a3b024d14a361c6c568e67589.js\"><\/script><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f0d702 elementor-widget elementor-widget-image\" data-id=\"6f0d702\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1184\" height=\"1202\" src=\"https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image13.png\" class=\"attachment-full size-full wp-image-183354\" alt=\"\" srcset=\"https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image13.png 1184w, https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image13-296x300.png 296w, https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image13-1009x1024.png 1009w, https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image13-768x780.png 768w\" sizes=\"(max-width: 1184px) 100vw, 1184px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15cd5bd elementor-widget elementor-widget-text-editor\" data-id=\"15cd5bd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Si les graphes se multiplient, nous avons \u00e9galement <strong>la possibilit\u00e9 d\u2019afficher ces graphes en lignes<\/strong>, en colonne ou bien dans des onglets diff\u00e9rents, au sein de la m\u00eame figure. Cela peut se retrouver tr\u00e8s pertinent lorsqu\u2019on veut diff\u00e9rencier les graphes par cat\u00e9gorie ou type de valeur.<\/p><p>Nous avons vu comment Bokeh peut bien fonctionner avec des listes <a href=\"https:\/\/datascientest.com\/python-tout-savoir\">Python<\/a>, des tableaux <a href=\"https:\/\/datascientest.com\/numpy\">NumPy<\/a>, des s\u00e9ries <a href=\"https:\/\/datascientest.com\/pandas-python-data-science\">Pandas<\/a>, etc. Ce que nous ne savions pas jusque l\u00e0, c\u2019est que ces entr\u00e9es sont converties en une <strong>Column DataSource<\/strong>, un type de donn\u00e9es propre \u00e0 Bokeh. Ce type de donn\u00e9es est l&rsquo;objet source de donn\u00e9es central utilis\u00e9 dans Bokeh. Bien que Bokeh les cr\u00e9e souvent pour nous de mani\u00e8re transparente, il y a des moments o\u00f9 il est utile de les cr\u00e9er explicitement, notamment avec des <strong>Pandas Dataframes<\/strong>.<\/p><p>Dans l\u2019exemple ci-dessous, nous allons r\u00e9cup\u00e9rer depuis un Dataframe de Pokemon, deux sources de donn\u00e9es, que nous allons utiliser dans 2 onglets diff\u00e9rents, un pour afficher les pok\u00e9mons l\u00e9gendaires et un autre onglet pour les Pok\u00e9mon non-l\u00e9gendaires.<\/p><p>\u00c0 noter que nous avons \u00e9galement cr\u00e9\u00e9 un <strong>outil d\u2019Hover<\/strong> (survol de la souris), que nous avons ajout\u00e9 \u00e0 notre boite d\u2019outil, qui au survol de la souris sur un point pr\u00e9cis, donne des informations concernant ce point, tel que le nom, les points de d\u00e9fenses et d\u2019attaques.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c6b34f elementor-widget elementor-widget-shortcode\" data-id=\"9c6b34f\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><script src=\"https:\/\/gist.github.com\/benech17\/4032cd1920820be54332cd2621327d5a.js\"><\/script><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d4df7ad elementor-widget elementor-widget-image\" data-id=\"d4df7ad\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"832\" height=\"874\" src=\"https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image8.png\" class=\"attachment-full size-full wp-image-183356\" alt=\"\" srcset=\"https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image8.png 832w, https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image8-286x300.png 286w, https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image8-768x807.png 768w\" sizes=\"(max-width: 832px) 100vw, 832px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-92bac0a e-flex e-con-boxed e-con\" data-id=\"92bac0a\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0260bd4 elementor-widget elementor-widget-heading\" data-id=\"0260bd4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Bokeh, une librairie sp\u00e9cialis\u00e9e ?<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38a0e91 elementor-widget elementor-widget-text-editor\" data-id=\"38a0e91\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Enfin, si vous n\u2019\u00eates toujours pas convaincu par la puissance de Bokeh, sachez que cette librairie peut s\u2019av\u00e9rer \u00eatre tr\u00e8s utile pour des probl\u00e9matiques sp\u00e9cialis\u00e9es comme l\u2019affichage de <strong>donn\u00e9es g\u00e9ographiques<\/strong>, ou encore l\u2019affichage de graphes impl\u00e9ment\u00e9s avec <strong>NetworkX<\/strong> par exemple. Le code suivant permet d\u2019afficher un graphe NetworkX en sp\u00e9cifiant des propri\u00e9t\u00e9s sur les n\u0153uds et ar\u00eates du graphe.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3cf3788 elementor-widget elementor-widget-shortcode\" data-id=\"3cf3788\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><script src=\"https:\/\/gist.github.com\/benech17\/7306582b46e990970ee2022bc99976b8.js\"><\/script><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2761efb elementor-widget elementor-widget-image\" data-id=\"2761efb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1204\" height=\"1120\" src=\"https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image5.png\" class=\"attachment-full size-full wp-image-183360\" alt=\"\" srcset=\"https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image5.png 1204w, https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image5-300x279.png 300w, https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image5-1024x953.png 1024w, https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image5-768x714.png 768w\" sizes=\"(max-width: 1204px) 100vw, 1204px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-421b152 elementor-widget elementor-widget-text-editor\" data-id=\"421b152\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Si l\u2019affichage simple d\u2019un graphe n\u2019est pas forc\u00e9ment tr\u00e8s pertinent ni original, ce sont les fonctionnalit\u00e9s associ\u00e9es \u00e0 Bokeh qui le seront, comme de mettre en valeur les <strong>n\u0153uds adjacents (voisins)<\/strong>.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f94c9ff elementor-widget elementor-widget-shortcode\" data-id=\"f94c9ff\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><script src=\"https:\/\/gist.github.com\/benech17\/d4804b19bb22f85f94b7b1f1ec2af775.js\"><\/script><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d05779 elementor-widget elementor-widget-image\" data-id=\"2d05779\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1204\" height=\"1220\" src=\"https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image2.png\" class=\"attachment-full size-full wp-image-183361\" alt=\"\" srcset=\"https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image2.png 1204w, https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image2-296x300.png 296w, https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image2-1011x1024.png 1011w, https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/image2-768x778.png 768w\" sizes=\"(max-width: 1204px) 100vw, 1204px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1832457 elementor-widget elementor-widget-text-editor\" data-id=\"1832457\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>En r\u00e9sum\u00e9, Bokeh est une<strong> librairie Python<\/strong> qui permet de cr\u00e9er \u00e0 partir de sources de donn\u00e9es vari\u00e9s, des rendus interactifs, dynamiques et personnalisables que l\u2019on peut afficher sous diff\u00e9rentes plateformes.<\/p><p>\u00c0 mi-chemin entre une librairie classique de <a href=\"https:\/\/datascientest.com\/formation-datavisualisation\">Data Visualisation<\/a>, et une librairie qui permet de g\u00e9n\u00e9rer une Web Application, Bokeh s\u2019impose comme la librairie de <strong>Data Visualisation nouvelle g\u00e9n\u00e9ration<\/strong> et peut \u00eatre utilis\u00e9e pour des probl\u00e9matiques tant g\u00e9n\u00e9ralistes que sp\u00e9cifiques.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-00230bb e-flex e-con-boxed e-con\" data-id=\"00230bb\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b34f33 elementor-widget elementor-widget-text-editor\" data-id=\"7b34f33\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Si vous \u00eates int\u00e9ress\u00e9 par Bokeh et la Data Visualisation, <strong>vous pouvez opter pour notre formation de Data Analyst<\/strong>, o\u00f9 la Data Visualisation n\u2019aura plus de secret pour vous.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f12f3c elementor-align-center button-principale elementor-widget elementor-widget-button\" data-id=\"4f12f3c\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/datascientest.com\/formation-data-analyst\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">D\u00e9couvrir la formation Data Analyst<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c3c0769 e-flex e-con-boxed e-con\" data-id=\"c3c0769\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f13b3c9 elementor-widget elementor-widget-html\" data-id=\"f13b3c9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"FAQPage\",\r\n  \"mainEntity\": [{\r\n    \"@type\": \"Question\",\r\n    \"name\": \"En quoi Bokeh est-il une librairie int\u00e9ractive ?\u200b\",\r\n    \"acceptedAnswer\": {\r\n      \"@type\": \"Answer\",\r\n      \"text\": \"En quelques lignes de code Python, Bokeh permets de cr\u00e9er des graphiques aliment\u00e9s par Javascript qui assure une interactivit\u00e9 et un dynamisme sans \u00e9gal. Le processus d'ex\u00e9cution d\u2019un code Bokeh se fait en deux parties : on choisit d\u2019abord, un bloc parmi les blocs pr\u00e9-construits de Bokeh pour cr\u00e9er notre visualisation, puis, on ajoute du code suppl\u00e9mentaire pour personnaliser ces blocs de construction et r\u00e9pondre le plus pr\u00e9cis\u00e9ment possible \u00e0 nos besoins.\"\r\n    }\r\n  },{\r\n    \"@type\": \"Question\",\r\n    \"name\": \"Bokeh, une librairie sp\u00e9cialis\u00e9e ?\u200b\",\r\n    \"acceptedAnswer\": {\r\n      \"@type\": \"Answer\",\r\n      \"text\": \"Enfin, si vous n\u2019\u00eates toujours pas convaincus par la puissance de Bokeh, sachez que cette librairie peut s\u2019av\u00e9rer \u00eatre tr\u00e8s utile pour des probl\u00e9matiques sp\u00e9cialis\u00e9es comme l\u2019affichage de donn\u00e9es g\u00e9ographiques, ou encore l\u2019affichage de graphes impl\u00e9ment\u00e9s avec NetworkX par exemple. Le code suivant permet d\u2019afficher un graphe NetworkX en sp\u00e9cifiant des propri\u00e9t\u00e9s sur les n\u0153uds et ar\u00eates du graphe.\"\r\n    }\r\n  }]\r\n}\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>L&rsquo;analyse de donn\u00e9es offre de nombreuses opportunit\u00e9s. Toutefois, il peut \u00eatre difficile d&rsquo;interpr\u00e9ter les donn\u00e9es brutes pour les utilisateurs non techniques au sein d&rsquo;une entreprise. En pr\u00e9sentant les informations pertinentes de fa\u00e7on claire et explicite, la Data Visualisation rem\u00e9die \u00e0 ce probl\u00e8me et permet \u00e0 n&rsquo;importe qui d&rsquo;exploiter le Big Data.\u200b Si vous connaissez d\u00e9j\u00e0 [&hellip;]<\/p>\n","protected":false},"author":77,"featured_media":183344,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"content-type":"","inline_featured_image":false},"categories":[2497],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.7 (Yoast SEO v21.7) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Bokeh : la librairie Python de visualisation nouvelle g\u00e9n\u00e9ration<\/title>\n<meta name=\"description\" content=\"Bokeh est une librairie Python de Data Visualisation qui permet de cr\u00e9er des graphiques et des visuels au rendu \u00e9l\u00e9gant et professionnel.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/datascientest.com\/bokeh-python-tout-savoir\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bokeh : la librairie Python de visualisation nouvelle g\u00e9n\u00e9ration\" \/>\n<meta property=\"og:url\" content=\"https:\/\/datascientest.com\/bokeh-python-tout-savoir\" \/>\n<meta property=\"og:site_name\" content=\"Formation Data Science | DataScientest.com\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-07T13:52:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-09T13:55:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/bokeh.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Raphael Kassel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Raphael Kassel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/datascientest.com\/bokeh-python-tout-savoir\",\"url\":\"https:\/\/datascientest.com\/bokeh-python-tout-savoir\",\"name\":\"Bokeh : la librairie Python de visualisation nouvelle g\u00e9n\u00e9ration\",\"isPartOf\":{\"@id\":\"https:\/\/datascientest.com\/#website\"},\"datePublished\":\"2022-12-07T13:52:35+00:00\",\"dateModified\":\"2023-11-09T13:55:29+00:00\",\"author\":{\"@id\":\"https:\/\/datascientest.com\/#\/schema\/person\/6eca16f63daaafcbc96e15549b9d4ee1\"},\"description\":\"Bokeh est une librairie Python de Data Visualisation qui permet de cr\u00e9er des graphiques et des visuels au rendu \u00e9l\u00e9gant et professionnel.\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/datascientest.com\/bokeh-python-tout-savoir\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/datascientest.com\/#website\",\"url\":\"https:\/\/datascientest.com\/\",\"name\":\"Formation Data Science | DataScientest.com\",\"description\":\"Leader de la formation en Data Science\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/datascientest.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/datascientest.com\/#\/schema\/person\/6eca16f63daaafcbc96e15549b9d4ee1\",\"name\":\"Raphael Kassel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/datascientest.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/datascientest.com\/wp-content\/uploads\/2023\/11\/raph.jpeg\",\"contentUrl\":\"https:\/\/datascientest.com\/wp-content\/uploads\/2023\/11\/raph.jpeg\",\"caption\":\"Raphael Kassel\"},\"description\":\"Raphael Kassel est le Head of Data Programs chez DataScientest. Il supervise une \u00e9quipe Data, impl\u00e9mente de nouveaux parcours comme \\\"Chef de projet IA\\\" et \\\"Data Product Manager\\\", et contribue \u00e0 la modernisation des op\u00e9rations du groupe. En collaboration \u00e9troite avec l'\u00e9quipe de d\u00e9veloppement, il adapte l'accompagnement acad\u00e9mique aux \u00e9volutions de l'\u00e9quipe data et \u00e0 l'internationalisation.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/raphaelkassel\/\",\"Data Science\"],\"url\":\"https:\/\/datascientest.com\/author\/raphaelkassel\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Bokeh : la librairie Python de visualisation nouvelle g\u00e9n\u00e9ration","description":"Bokeh est une librairie Python de Data Visualisation qui permet de cr\u00e9er des graphiques et des visuels au rendu \u00e9l\u00e9gant et professionnel.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/datascientest.com\/bokeh-python-tout-savoir","og_locale":"fr_FR","og_type":"article","og_title":"Bokeh : la librairie Python de visualisation nouvelle g\u00e9n\u00e9ration","og_url":"https:\/\/datascientest.com\/bokeh-python-tout-savoir","og_site_name":"Formation Data Science | DataScientest.com","article_published_time":"2022-12-07T13:52:35+00:00","article_modified_time":"2023-11-09T13:55:29+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/datascientest.com\/wp-content\/uploads\/2022\/11\/bokeh.jpg","type":"image\/jpeg"}],"author":"Raphael Kassel","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Raphael Kassel","Dur\u00e9e de lecture estim\u00e9e":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/datascientest.com\/bokeh-python-tout-savoir","url":"https:\/\/datascientest.com\/bokeh-python-tout-savoir","name":"Bokeh : la librairie Python de visualisation nouvelle g\u00e9n\u00e9ration","isPartOf":{"@id":"https:\/\/datascientest.com\/#website"},"datePublished":"2022-12-07T13:52:35+00:00","dateModified":"2023-11-09T13:55:29+00:00","author":{"@id":"https:\/\/datascientest.com\/#\/schema\/person\/6eca16f63daaafcbc96e15549b9d4ee1"},"description":"Bokeh est une librairie Python de Data Visualisation qui permet de cr\u00e9er des graphiques et des visuels au rendu \u00e9l\u00e9gant et professionnel.","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/datascientest.com\/bokeh-python-tout-savoir"]}]},{"@type":"WebSite","@id":"https:\/\/datascientest.com\/#website","url":"https:\/\/datascientest.com\/","name":"Formation Data Science | DataScientest.com","description":"Leader de la formation en Data Science","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/datascientest.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/datascientest.com\/#\/schema\/person\/6eca16f63daaafcbc96e15549b9d4ee1","name":"Raphael Kassel","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/datascientest.com\/#\/schema\/person\/image\/","url":"https:\/\/datascientest.com\/wp-content\/uploads\/2023\/11\/raph.jpeg","contentUrl":"https:\/\/datascientest.com\/wp-content\/uploads\/2023\/11\/raph.jpeg","caption":"Raphael Kassel"},"description":"Raphael Kassel est le Head of Data Programs chez DataScientest. Il supervise une \u00e9quipe Data, impl\u00e9mente de nouveaux parcours comme \"Chef de projet IA\" et \"Data Product Manager\", et contribue \u00e0 la modernisation des op\u00e9rations du groupe. En collaboration \u00e9troite avec l'\u00e9quipe de d\u00e9veloppement, il adapte l'accompagnement acad\u00e9mique aux \u00e9volutions de l'\u00e9quipe data et \u00e0 l'internationalisation.","sameAs":["https:\/\/www.linkedin.com\/in\/raphaelkassel\/","Data Science"],"url":"https:\/\/datascientest.com\/author\/raphaelkassel"}]}},"_links":{"self":[{"href":"https:\/\/datascientest.com\/wp-json\/wp\/v2\/posts\/183342"}],"collection":[{"href":"https:\/\/datascientest.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/datascientest.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/datascientest.com\/wp-json\/wp\/v2\/users\/77"}],"replies":[{"embeddable":true,"href":"https:\/\/datascientest.com\/wp-json\/wp\/v2\/comments?post=183342"}],"version-history":[{"count":0,"href":"https:\/\/datascientest.com\/wp-json\/wp\/v2\/posts\/183342\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/datascientest.com\/wp-json\/wp\/v2\/media\/183344"}],"wp:attachment":[{"href":"https:\/\/datascientest.com\/wp-json\/wp\/v2\/media?parent=183342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/datascientest.com\/wp-json\/wp\/v2\/categories?post=183342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/datascientest.com\/wp-json\/wp\/v2\/tags?post=183342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}