3c:null 3d:["$","title",null,{"children":"Learning Observable: Observable overview | HARUN PEHLİVAN | Observable"}] 43:T438,## JavaScript for data analysis At Observable, we believe that JavaScript is the future of data analysis. Our co-founder, Mike Bostock, wrote in [Towards Data Science](https://towardsdatascience.com/javascript-for-data-analysis-2e8e7dbf63a7): > _JavaScript is the richest medium we’ve ever had for communication, but thanks to the open nature of the web it’s also something more: a medium amenable to inspection and tinkering, for learning and collaboration._ > While JavaScript lacks some of the extensive data analysis and data science libraries you see in R, Python, or Julia, it makes up for that with portability and convenience. This notebook you're reading is running in a browser, on your laptop, tablet or phone. You can see the code, edit the code, run the code from any of those devices. There is no setup required, there is no software to install. It simply _works_. As so many of our workflows move to the web, the ones that don't become more inconvenient. What we need are better tools in JavaScript for data analysis, and that's where Observable comes in. 44:T68a,### Data analysis and visualization JavaScript has been a common language for data visualization for many years. [D3](https://d3js.org/) has become the de facto framework for bespoke data visualization, used extensively by news organizations and for custom visualization applications. Many other great visualization frameworks are also built in JavaScript, such as [VegaLite](https://vega.github.io/vega-lite/), [Highcharts](https://www.highcharts.com/), [Observable Plot](https://observablehq.com/plot), and more. JavaScript is clearly the language of choice for data visualization today. At Observable, we believe that **data visualization _is_ data analysis**. Charts let us explore and understand patterns in data using visual encodings, rather than through mathematical models. They can reveal insights and raise questions that may otherwise be hidden within model assumptions and numerical outputs. And, visuals can be a more approachable and compelling way to communicate insights with stakeholders who may not be familiar with models or know how to interpret them. With tools to aggregate and summarize raw data directly in visualizations (for example, see [Plot group](https://observablehq.com/@observablehq/plot-group) for grouped transformations right in Observable Plot), Observable makes it straightforward to view patterns in raw and transformed data without the need for extensive data preparation. Combined with SQL cells and JavaScript libraries for data wrangling and analysis (which are easily loaded into notebooks using [require](https://observablehq.com/@observablehq/require)), Observable has the tools you need for many data analysis essentials.45:T428,### Community support and engagement In addition to providing inspiration and reusable code, the Observable Community provides invaluable support while you learn and work. Here are several places to reach out for help, clarification and support: - [Observable Community Forum](https://talk.observablehq.com/) - [Observable Community Slack Workspace](https://join.slack.com/t/observable-community/shared_invite/zt-1icwex7uf-ovIAS0PcuJ~ZgBToSyUs8w) To stay up-to-date on new features, community highlights, and events, we also recommend: - Signing-up to receive the monthly [Observable Newsletter](https://observablehq.com/@observablehq/community-newsletter-signup) - Subscribing to the [Observable Blog](https://observablehq.com/@observablehq/blog-subscribe) - Bookmarking the [Observable Release Notes](https://observablehq.com/@observablehq/release-notes) - Following Observable on [Twitter](https://twitter.com/observablehq), [Mastodon](https://mastodon.social/@observablehq@vis.social), and [LinkedIn](https://www.linkedin.com/company/observable/mycompany/)46:[{"id":"76408ac762f2c821dfeeda57b59f044cb3844bf9a1556240a60c1f0ebcb6f4c87d774e4109c3bc198ac1c76118757cd7bbe3dc427b1001423b6592d32968fbdb","href":"https://static.observableusercontent.com/files/76408ac762f2c821dfeeda57b59f044cb3844bf9a1556240a60c1f0ebcb6f4c87d774e4109c3bc198ac1c76118757cd7bbe3dc427b1001423b6592d32968fbdb","name":"reuseViz.mov","type":"video/quicktime","lastModified":1674512347238.064,"size":14432073},{"id":"d9e7ac8a7d87eae5c097521fe33eb471c4a989657663f168a710fde5d44ac146517c2b2827a3ccf0fe7f669de91457ba18bf3ab7ba88628bf71f2724aa51f56d","href":"https://static.observableusercontent.com/files/d9e7ac8a7d87eae5c097521fe33eb471c4a989657663f168a710fde5d44ac146517c2b2827a3ccf0fe7f669de91457ba18bf3ab7ba88628bf71f2724aa51f56d","name":"import.mov","type":"video/quicktime","lastModified":1674512347238.064,"size":1573572},{"id":"a052dca96a4691cb44670d5622f10829f94e973fadc3a4ec7725b16e9c6574c5ccb4186e405e402e55f509cb0676e340e91c9f02096f72e3f284c23887107ea7","href":"https://static.observableusercontent.com/files/a052dca96a4691cb44670d5622f10829f94e973fadc3a4ec7725b16e9c6574c5ccb4186e405e402e55f509cb0676e340e91c9f02096f72e3f284c23887107ea7","name":"cellMenuExample.mov","type":"video/quicktime","lastModified":1674512347238.064,"size":2534645},{"id":"7ea2943b33f42e3ba8a9b0b6fa305a4b7402fc0e7c3602825df5c782c52b414ab8094e42d9c79931e767069935076f35a3731dded51b9124cab8fe2ad48e300f","href":"https://static.observableusercontent.com/files/7ea2943b33f42e3ba8a9b0b6fa305a4b7402fc0e7c3602825df5c782c52b414ab8094e42d9c79931e767069935076f35a3731dded51b9124cab8fe2ad48e300f","name":"cells.jpg","type":"image/jpeg","lastModified":1674512347238.064,"size":285410},{"id":"d035e4ea4250e62490da0c67afa10ba0e82f557c22517d6902ffe8919691b9b67f3893af6409d1caa0ea6b6407de0ec63fe365c19b43c7f4702ad88f3b2b0bd9","href":"https://static.observableusercontent.com/files/d035e4ea4250e62490da0c67afa10ba0e82f557c22517d6902ffe8919691b9b67f3893af6409d1caa0ea6b6407de0ec63fe365c19b43c7f4702ad88f3b2b0bd9","name":"Data_Jam.png","type":"image/png","lastModified":1674512347238.064,"size":101561},{"id":"8b10ec996ff1011f09bb7afa7c6165d2564de7aa457530c8e163ae41557cae2808f5430412b10abf3315cc82223d094b71b064fd863a69d3197401e5a6f4ecf6","href":"https://static.observableusercontent.com/files/8b10ec996ff1011f09bb7afa7c6165d2564de7aa457530c8e163ae41557cae2808f5430412b10abf3315cc82223d094b71b064fd863a69d3197401e5a6f4ecf6","name":"inputs2.mov","type":"video/quicktime","lastModified":1674512347238.064,"size":8822289},{"id":"9c17031dda3bd7f0dcbf1563224296ead814080c65f23907afbdef78bfe558841076358d1f130dec0c60d8cc02cd845b452569e1b41ea1f61647310f509f0cb9","href":"https://static.observableusercontent.com/files/9c17031dda3bd7f0dcbf1563224296ead814080c65f23907afbdef78bfe558841076358d1f130dec0c60d8cc02cd845b452569e1b41ea1f61647310f509f0cb9","name":"files.mov","type":"video/quicktime","lastModified":1674512347238.064,"size":1619039},{"id":"aa6ff924f4e6e34bdc8e8cd3ba1b1b4c2e85c470d9fd409feb2994b7e49732126b241fc2969b44be3d77156d4e12db6e44d5e45a4b2ff3fb2aa3706c1c49c465","href":"https://static.observableusercontent.com/files/aa6ff924f4e6e34bdc8e8cd3ba1b1b4c2e85c470d9fd409feb2994b7e49732126b241fc2969b44be3d77156d4e12db6e44d5e45a4b2ff3fb2aa3706c1c49c465","name":"history@1.mov","type":"video/quicktime","lastModified":1674512347238.064,"size":3482805},{"id":"50445938ecd8ba13036f43905c744c949ed6c7ba129fdbde400f97774c86640c88e72ca0665c75a357825fa8c77a07905af9b07ecbe28b642b4b27986d2b8746","href":"https://static.observableusercontent.com/files/50445938ecd8ba13036f43905c744c949ed6c7ba129fdbde400f97774c86640c88e72ca0665c75a357825fa8c77a07905af9b07ecbe28b642b4b27986d2b8746","name":"comments.mov","type":"video/quicktime","lastModified":1674512347238.064,"size":4619399},{"id":"306c93b6bdb095e0a53ad4166977f7c84b5cc3b11f070caf99a97da48325f57a8c52189664c1ceb06458f2ab60e715a7175f0c1b12826d3643c6d7e96603c958","href":"https://static.observableusercontent.com/files/306c93b6bdb095e0a53ad4166977f7c84b5cc3b11f070caf99a97da48325f57a8c52189664c1ceb06458f2ab60e715a7175f0c1b12826d3643c6d7e96603c958","name":"collab.mov","type":"video/quicktime","lastModified":1674512347238.064,"size":5774538},{"id":"6e65443fc2da094e1cfa2a1c21f941711025e58eb5393b9a71fe3fd7764a07db8fe35e4c9274032d467c166063f24cba1612d41d44d56fdd573fd9c2382288bf","href":"https://static.observableusercontent.com/files/6e65443fc2da094e1cfa2a1c21f941711025e58eb5393b9a71fe3fd7764a07db8fe35e4c9274032d467c166063f24cba1612d41d44d56fdd573fd9c2382288bf","name":"new-users-course-sm-overview@1.png","type":"image/png","lastModified":1674512347238.064,"size":1055174}] 41:{"id":"191e63e94f331d40","slug":null,"title":"Learning Observable: Observable overview","thumbnail":"1890527d262f64234d78b2399fe4b8dae16d8390d75cb7e0f6025fea0563ad7d","access_level":"public","create_time":"$D2023-01-23T22:19:07.238Z","update_time":"$D2023-01-23T22:19:07.238Z","view_time":null,"first_public_time":"$D2023-01-23T22:19:07.238Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"89871c66e55ab006","login":"harunpehlivan","name":"HARUN PEHLİVAN","avatar_url":"https://avatars-next.observableusercontent.com/d9c058ebc3dfacd1790ad624b5314b38677368ebeea1a92b6772e4d6eaeb8d00","tier":"starter_2024","bio":"22/07/1984 Çorum'da Doğdum Aslen Samsun'un Havza ilçesi "},"version":564,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"8c0808d73a4defaf","login":"harunpehlivan","name":"HARUN PEHLİVAN","avatar_url":"https://avatars-next.observableusercontent.com/d9c058ebc3dfacd1790ad624b5314b38677368ebeea1a92b6772e4d6eaeb8d00","tier":null,"bio":"22/07/1984 Çorum'da Doğdum Aslen Samsun'un Havza ilçesi "}],"members":[{"type":"individual","id":"8c0808d73a4defaf","login":"harunpehlivan","name":"HARUN PEHLİVAN","avatar_url":"https://avatars-next.observableusercontent.com/d9c058ebc3dfacd1790ad624b5314b38677368ebeea1a92b6772e4d6eaeb8d00","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Learning Observable: Observable overview","cells":[{"id":0,"value":"# Learning Observable: Observable overview","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":420,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":31,"value":"Observable streamlines the path from data to insights — for both individuals and teams. In Observable notebooks, users can quickly access their data and combine text, analyses, and data visualizations in the same place. Collections of code snippets and low-code features allow anyone to quickly build or modify notebooks. Observable is built for collaboration and sharing, so that more people can explore, work with, and contribute to discussions around data.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":295,"value":"## The Notebook\n\nWhat you are reading now — this page or document — is an Observable notebook. Observable notebooks are __interactive, editable documents defined by code__. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":45,"value":"All content in notebooks is made in cells. Within cells, you can author formatted text (in markdown) and code (JavaScript, SQL, HTML) to view right alongside customized data tables and visualizations. Then, quickly share your work with teammates and stakeholders to get everyone literally on the same page. \n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":282,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":279,"value":"A notebook is both a final product for presentation, and a blank canvas for data analysis, exploration, and creative tinkering. With zero software installation or environment setup required, the barriers to get up and running in an Observable notebook are low for coders and non-coders alike. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":211,"value":"---\n\n## Upload data, visualize and add interactivity in minutes\n\nAt Observable, we aim to help everyone — regardless of their previous experience with data, writing code, or building visualizations — get from data to insights with the least possible friction. In Observable notebooks, a wealth of features and code snippets for low-code data access, analysis, and visualization exist at your fingertips.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":237,"value":"#### Upload data\n\nIn Observable, you can quickly access your own data by attaching local files or spreadsheets, connecting to [APIs](https://observablehq.com/@observablehq/working-with-apis-remote-files?collection=@observablehq/working-with-data), and — for Enterprise and Pro users —, connecting to [databases](https://observablehq.com/@observablehq/databases) or [cloud files](https://observablehq.com/@observablehq/cloud-files). Here is an example of uploading a CSV file to an Observable notebook, and viewing its contents in a data table. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":476,"value":"

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":61,"value":"#### Visualize data with Plot\n\nThe [Observable Plot](https://observablehq.com/@observablehq/plot) library lets you quickly build and customize data visualizations. Code snippets are provided in the [cell menu](https://observablehq.com/@observablehq/adding-cells?collection=@observablehq/notebook-fundamentals) as a starting point for many common chart types. They help get you up and running quickly with your own visualizations by simply substituting your data and variable names.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":447,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":142,"value":"$43","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":197,"value":"$44","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":407,"value":"## The Observable Community\n\nThe community of Observable creators, learners, readers, and ambassadors is vast. By joining the [Observable community](https://observablehq.com/community), you tap into a universe of published notebooks and examples that you can look to for inspiration and reuse in your own work. You also get direct support from community members when you have questions or need help.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":8,"value":"### Community contributions for inspiration and reuse \n\nThe Observable community is home to thousands of visualization and data analysis examples. Our [explore](https://observablehq.com/explore) page is your portal to our top content, rated by community likes and curated by the Observable team. Examples you find can be reused for your own analysis, either by importing the code itself or forking the notebook to your own workspace. \n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"Visualization code is easy to reuse for other datasets. The [D3 Charts](https://observablehq.com/collection/@d3/charts) collection features dozens of reusable functions that you can easily import into your own notebooks to analyze your own data.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":10,"value":"

\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":14,"value":"With content from thousands of community-contributed Observable notebooks available for reuse, how can you focus your search to find what you need? Check out our guide for [searching on Observable](https://observablehq.com/@observablehq/searching-on-observable) and visit a couple of our favorite links:\n- Community examples\n - [Trending notebooks](https://observablehq.com/trending)\n - [Most liked (all time) notebooks](https://observablehq.com/top)\n- Visualization examples from the Observable team\n - [Plot examples](https://observablehq.com/collection/@observablehq/plot-examples)\n - [D3 charts](https://observablehq.com/collection/@d3/charts)\n - [Maps](https://observablehq.com/collection/@observablehq/maps)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":411,"value":"$45","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":527,"value":"newUsersCourseSmOverview1 = FileAttachment(\"new-users-course-sm-overview@1.png\").image({width: 200})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W46","stdlib":"1"}} 42:"$41:body"