1"use strict";(self.webpackChunkthe_python_graph_gallery=self.webpackChunkthe_python_graph_gallery||[]).push([[6432],{1173:function(e,t,n){n.r(t),n.d(t,{Head:function(){return u},default:function(){return d}});var l=n(6540),a=n(7238),r=n(7906),o=n(3048),i=n(3471),c=n(5216);n(4794);var s=n(2816),m=n(5615);const h="<p>ð Hi! The Python Graph Gallery is a website brought to you by <a href='https://www.yan-holtz.com'>Yan Holtz</a>. It displays hundreds of charts made with <code>Python</code>, together with their reproducible code. Here are a few things you should know about it! ð</p>",u=()=>l.createElement(s.k,{title:"About",seoDescription:"About page of the Python Graph Gallery"});function d(){return l.createElement(r.A,{isTocEnabled:!0},l.createElement(a.A,{title:"About",description:h}),l.createElement(c.A,null),l.createElement(o.A,null,l.createElement("h2",{id:"How and Why"},"â How and Why this gallery"),l.createElement("p",null,l.createElement("u",null,"How"),": The python graph gallery displays about"," ",l.createElement("code",null,"400 charts")," organize in about ",l.createElement("code",null,"40 sections"),"(families)! ð³. It showcases the most common types of chart used for data science. Each family displays several examples, describing the most common need of customization. Every example comes with its reproducible code and with some explanation ð."),l.createElement("p",null,"This website relies on the following stack:"),l.createElement("ul",null,l.createElement("li",null,l.createElement("a",{href:"https://www.gatsbyjs.com"},"Gatsby")," makes the website blazing fast"),l.createElement("li",null,"Code is hosted on"," ",l.createElement("a",{href:"https://github.com/holtzy/The-Python-Graph-Gallery"},"github"),", you can edit it!"),l.createElement("li",null,"Every blog post is actually a"," ",l.createElement("a",{href:"https://jupyter.org"},"Jupyter notebook")),l.createElement("li",null,l.createElement("a",{href:"https://react-bootstrap.github.io"},"React bootstrap")," is the css framework used here.")),l.createElement("p",null,l.createElement("u",null,"Why"),": I guess the main explanation is that I'm a nerd ð. I love exploring all the graph possibilities a language offers. I also love teaching and helping people out. If you've found this website helpful, say me thanks and you will make my day! ð"),l.createElement("blockquote",null,"This website is built on my free time with the little I know! Please be kind when giving feedbacks â¤ï¸")),l.createElement(c.A,null),l.createElement("section",{className:"greySection"},l.createElement("div",{className:"container",style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",paddingTop:180,paddingBottom:180}},l.createElement("p",{style:{fontSize:32,marginBottom:50,fontFamily:"Bitter",fontWeight:"bold"}},"ð Going further ð¥"),l.createElement("a",{href:"https://www.matplotlib-journey.com"},l.createElement("img",{src:"/asset/matplotlib-journey-overview.png",alt:"overview of the matplotlib journey landing page",width:"100%",style:{border:"solid grey 1px"}})),l.createElement("p",{style:{maxWidth:500,textAlign:"center",fontSize:16,marginTop:30}},l.createElement("a",{href:"https://www.matplotlib-journey.com"},"Matplotlib Journey")," ","is an interactive online course crafted to transform you into a Matplotlib ",l.createElement("b",null,"dataviz expert"),". It provides a clear, big-picture understanding of how data visualization works in Python, empowering you to grasp any example from the gallery with ease."),l.createElement("a",{href:"https://www.dataviz-inspiration.com",target:"_blank"},l.createElement(m.A,{size:"md"},"Finally, Understand Matplotlib.")))),l.createElement(c.A,null),l.createElement(o.A,null,l.createElement("h2",{id:"Acknowledgment"},"ð Acknowledgment"),l.createElement("p",null,"This website would no exist without the precious help of those people:"),l.createElement("ul",null,l.createElement("li",null,l.createElement("u",null,"Maintainers")," of python viz libraries like"," ",l.createElement("code",null,"matplotlib"),", ",l.createElement("code",null,"seaborn"),", ",l.createElement("code",null,"plotly"),","," ",l.createElement("code",null,"circlify"),", ",l.createElement("code",null,"squarify"),", ",l.createElement("code",null,"pandas"),","," ",l.createElement("code",null,"leaflet"),", ",l.createElement("code",null,"networkX")," and others."),l.createElement("br",null),l.createElement("li",null,"Main ",l.createElement("u",null,"contributors")," who wrote some of the blogposts: Nicolas Rousselet and Ozlem Tok"),l.createElement("br",null),l.createElement("li",null,l.createElement("u",null,"Friends"),": ",l.createElement("a",{href:"http://www.conor.fr/"},"Conor Healy")," for the logos,"," ",l.createElement("a",{href:"https://www.linkedin.com/in/guillaume-debreu-7b360b125/"},"Gimzu Debreu")," ","for general knowledge about the internet and all others who gave me constructive feedbacks."),l.createElement("br",null),l.createElement("li",null,"More generally, everybody who gave ",l.createElement("u",null,"feedbacks"),", english corrections, bug reports, opened issues"))),l.createElement(c.A,null),l.createElement(o.A,null,l.createElement("h2",{id:"Contribution"},"ðââï¸ How to contribute"),l.createElement("p",null,"Contribution to the python graph gallery are highly encouraged ð¢! I'm working hard on this project and would love some help of any kind."),l.createElement("p",null,"There are 2 main ways to contribute:"),l.createElement("ul",null,l.createElement("li",null,l.createElement("u",null,"Improve")," an existing page. It can be anything from correcting an english mistake to a python code reformating.",l.createElement("ul",null,l.createElement("li",null,"ðð½ Open an"," ",l.createElement("a",{href:"https://github.com/holtzy/The-Python-Graph-Gallery/issues"},"issue on github")," ","to explain the bug you've found"),l.createElement("li",null,"ð¥ Open a pull request on the"," ",l.createElement("a",{href:"https://github.com/holtzy/The-Python-Graph-Gallery"},"github repo")," ","to suggest a correction"))),l.createElement("br",null),l.createElement("li",null,l.createElement("u",null,"Create")," a new chart. Contact me by email, on"," ",l.createElement("a",{href:"https://twitter.com/R_Graph_Gallery"},"twitter")," or open a"," ",l.createElement("a",{href:"https://github.com/holtzy/The-Python-Graph-Gallery"},"pull request")," ","with a new chart suggestion."))),l.createElement(c.A,null),l.createElement(o.A,null,l.createElement(i.A,null)),l.createElement(c.A,null))}},2816:function(e,t,n){n.d(t,{k:function(){return a}});
1var l=n(6540);const a=e=>{let{title:t,seoDescription:n,keywords:a,image:r}=e;return l.createElement(l.Fragment,null,l.createElement("title",null,t),l.createElement("html",{lang:"en"}),l.createElement("meta",{name:"description",content:n||"How to build a chart with Python"}),l.createElement("meta",{name:"author",content:"Yan Holtz"}),l.createElement("meta",{name:"keywords",content:a||"python, chart, graph, code, viz, dataviz"}),l.createElement("meta",{property:"og:site_name",content:"The Python Graph Gallery"}),l.createElement("meta",{property:"og:title",content:t}),l.createElement("meta",{property:"og:image",content:r||"https://github.com/holtzy/The-Python-Graph-Gallery/blob/master/static/overview_PGG.png?raw=true"}),l.createElement("meta",{property:"og:description",content:n}),l.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),l.createElement("meta",{name:"twitter:site",content:"@R_Graph_Gallery"}))}},7238:function(e,t,n){n.d(t,{A:function(){return m}});var l=n(6540),a=n(5615),r=n(4794),o=n(9781),i=n(464),c=n(3048),s=n(7370);function m(e){let{title:t,description:n,chartType:m,isRaptiveEnabled:h=!0}=e;const u=o.S.find((e=>e.id===m));return l.createElement(c.A,null,l.createElement("div",{className:"titleAndDescription"},l.createElement("div",{className:"titleRow"},l.createElement("h1",{className:"mainTitle"},t),u&&l.createElement("div",{style:{width:100,minWidth:100}},l.createElement(s.A,{chartType:u.logo}))),l.createElement("hr",{className:"smallHr"}),"string"==typeof n?l.createElement("div",{className:"description",dangerouslySetInnerHTML:{__html:n}}):l.createElement("div",{className:"description"},n),u&&l.createElement("div",{style:{marginTop:"30px"}},l.createElement(r.Link,{to:(0,i.R)(u.pythonURL)},l.createElement(a.A,{size:"sm"},u.label+" section")),l.createElement("a",{href:u.dataToVizURL},l.createElement(a.A,{size:"sm"},"About this chart")))),h&&l.createElement("div",{className:"raptive-video-player",style:{minHeight:300}}))}},7906:function(e,t,n){n.d(t,{A:function(){return m}});
1var l=n(6540),a=n(1590),r=n(7688),o=n(4506);const i=function(e,t){for(void 0===t&&(t=0);e;)t+=e.offsetTop-e.scrollTop+e.clientTop,e=e.offsetParent;return t};function c(e){let{chartType:t}=e;const{0:n,1:a}=(0,l.useState)({titles:[],nodes:[],minDepth:0}),{0:r,1:c}=(0,l.useState)(0);return(0,l.useEffect)((()=>{const e=Array.from(document.querySelectorAll(["main h2"])),t=e.map((e=>({title:e.id||e.innerHTML,depth:Number(e.nodeName[1])}))),n=Math.min.apply(Math,(0,o.A)(t.map((e=>e.depth))));a({titles:t,nodes:e,minDepth:n})}),[]),(0,l.useEffect)((()=>{const e=()=>{const{nodes:e}=n,t=e.map((e=>i(e))),l=window.scrollY+150,a=t.reduce((function(e,t){return Math.abs(t-l)<Math.abs(e-l)?t:e}),0),r=t.findIndex((e=>e===a));c(-1===r?0:r)};return window.addEventListener("scroll",e),()=>window.removeEventListener("scroll",e)}),[n]),l.createElement("div",{className:"table-of-content"},n.titles.map(((e,t)=>{let{title:a,depth:o}=e;return l.createElement("p",{key:a,depth:o-n.minDepth,className:r===t?"toc-item active-toc-item":"toc-item",onClick:e=>{e.preventDefault(),n.nodes[t].scrollIntoView({behavior:"smooth",block:"start",alignToTop:!0})},dangerouslySetInnerHTML:{__html:a}})})))}var s=e=>{let{siteId:t}=e;return(0,l.useEffect)((()=>{window.adthrive=window.adthrive||{},window.adthrive.cmd=window.adthrive.cmd||[],window.adthrive.plugin="adthrive-ads-manual-spa",window.adthrive.host="ads.adthrive.com";const e=document.createElement("script");e.async=!0,e.referrerpolicy="no-referrer-when-downgrade",e.src=`https://${window.adthrive.host}/sites/${t}/ads.min.js?referrer=${encodeURIComponent(window.location.href)}`;const n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)}),[t]),null};function m(e){let{children:t,isTocEnabled:n,chartType:o,isHome:i=!1}=e;return l.createElement(l.Fragment,null,l.createElement(s,{siteId:"6434366c7ccf1c58d32ab68f"}),l.createElement("header",null,l.createElement(r.A,null)),l.createElement("main",{className:i?"home":"not-home"},t),l.createElement(a.A,null),n&&l.createElement(c,{chartType:o}))}}}]); 2//# sourceMappingURL=component---src-pages-about-js-faa681cdad53d3e5c5a5.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.