Name: Towards AI Legal Name: Towards AI, Inc. Description: Towards AI is the world's leading artificial intelligence (AI) and technology publication. Read by thought-leaders and decision-makers around the world. Phone Number: +1-650-246-9381 Email: pub@towardsai.net
228 Park Avenue South New York, NY 10003 United States
Website: Publisher: https://towardsai.net/#publisher Diversity Policy: https://towardsai.net/about Ethics Policy: https://towardsai.net/about Masthead: https://towardsai.net/about
Name: Towards AI Legal Name: Towards AI, Inc. Description: Towards AI is the world's leading artificial intelligence (AI) and technology publication. Founders: Roberto Iriondo, , Job Title: Co-founder and Advisor Works for: Towards AI, Inc. Follow Roberto: X, LinkedIn, GitHub, Google Scholar, Towards AI Profile, Medium, ML@CMU, FreeCodeCamp, Crunchbase, Bloomberg, Roberto Iriondo, Generative AI Lab, Generative AI Lab Denis Piffaretti, Job Title: Co-founder Works for: Towards AI, Inc. Louie Peters, Job Title: Co-founder Works for: Towards AI, Inc. Louis-François Bouchard, Job Title: Co-founder Works for: Towards AI, Inc. Cover:
Towards AI Cover
Logo:
Towards AI Logo
Areas Served: Worldwide Alternate Name: Towards AI, Inc. Alternate Name: Towards AI Co. Alternate Name: towards ai Alternate Name: towardsai Alternate Name: towards.ai Alternate Name: tai Alternate Name: toward ai Alternate Name: toward.ai Alternate Name: Towards AI, Inc. Alternate Name: towardsai.net Alternate Name: pub.towardsai.net
5 stars – based on 497 reviews

Frequently Used, Contextual References

TODO: Remember to copy unique IDs whenever it needs used. i.e., URL: 304b2e42315e

Resources

Take our 85+ lesson From Beginner to Advanced LLM Developer Certification: From choosing a project to deploying a working product this is the most comprehensive and practical LLM course out there!

Publication

From Solo Notebooks to Collaborative Powerhouse: VS Code Extensions for Data Science and ML Teams
Data Science   Latest   Machine Learning

From Solo Notebooks to Collaborative Powerhouse: VS Code Extensions for Data Science and ML Teams

Last Updated on August 8, 2024 by Editorial Team

Author(s): Gift Ojeabulu

Originally published on Towards AI.

From Solo Notebooks to Collaborative Powerhouse: VS Code Extensions for Data Science and ML Teams

Photo by Parabol | The Agile Meeting Toolbox on Unsplash

In this article, we will explore the essential VS Code extensions that enhance productivity and collaboration for data scientists and machine learning (ML) engineers. We will discuss why VS Code may be a superior choice compared to Jupyter Notebooks, especially in team settings.

Outline

  • The Essence of Collaboration: From an Individual Working Environment to a Collaborative Data Science Environment.
  • Why VS Code might be better for many data scientists and ML engineers than Jupyter Notebook.
  • Essential VS Code Extensions for Data Scientists and ML Engineers.
  • Factors Influencing the Choice Between Jupyter Notebooks and VS Code
  • How to find new extensions for vs code for data science and machine learning.
  • Conclusion.

My story (The Shift from Jupyter Notebooks to VS Code)

Throughout early to mid-2019, when I started my data science career, Jupyter Notebooks were my constant companions. Because of its interactive features, it’s ideal for learning and teaching, prototypes, exploratory data analysis projects, and visualizations. Think of them as digital scratchpads perfect for participating in Kaggle and Zindi competitions, creating data visualizations, and working directly with the data.

But things got complicated when I landed my first real data science gig and transitioned into a team environment.

Imagine the scene

You have spent hours crafting a beautiful analysis in your notebook, a perfect marriage of code, and insightful commentary. You share it with the team, brimming with excitement, only to be frustrated. They cannot replicate your stellar results because of environment inconsistencies, missing libraries, and many other reasons.

Sharing bulky zip files containing notebooks, scripts, and datasets became a logistical nightmare. Reproducing results on different machines felt like alchemy; it was a frustrating guessing game with a cryptic mix of environment variables and missing dependencies that could frustrate even the most solid or experienced data scientist.

“Did I install that library in the right virtual environment again?”

This wasn’t uncommon. Many beginner data scientists, myself included back then, struggled with the shift from solo exploration to collaborative, production-ready workflows.

We are data wranglers at heart, not necessarily software engineers by training, and best practices for reproducibility can sometimes get pushed aside in the heat of exploration.

Well, it seems cool, but the above is a recipe for collaboration chaos.

This experience highlighted the importance of seamless collaboration and reproducibility in data science teams. As a result, I turned to VS Code, which offers a more robust environment for teamwork and adherence to software engineering principles.

In my case, I found a solution for a larger team setting: VS Code.

Having explored various IDEs, I confidently recommend VS Code as a better option for Jupyter Notebooks regarding collaboration, following software engineering principles as a data scientist and machine learning engineer, and working with teams.

Compelling reasons why VS Code might be a better choice for many data scientists and ML Engineers than Jupyter Notebook working in teams

Here’s a comparison between VS Code and Jupyter Notebook for data scientists and ML engineers in a collaborative environment:

Image by Author

These differences highlight how VS Code, with its extensive customization and integration options, can be a more efficient choice for many data scientists and ML engineers compared to Jupyter Notebook.

Image by Author

In this section, we will learn about the VS code extensions that are essential to my workspace and adhere to key software engineering principles.

Photo by maria vechtomova on Linkedln

Here’s a glimpse at the list:

  • Python
  • Pylance
  • Jupyter
  • Jupyter Notebook Renderer
  • Gitlens
  • Python Indent
  • DVC
  • Error lens
  • GitHub Co-pilot
  • Data Wrangler
  • ZenML Studio
  • Kedro
  • SandDance

1. Python Extension

The Python extension is crucial for efficient development, providing functionalities such as:

  • Linting and Syntax Checking: Helps identify errors in your code.
  • Debugging and Code Navigation: Streamlines the debugging process and allows easy navigation through your codebase.
  • Auto-Completion and Refactoring: Enhances coding efficiency and readability.
  • Unit Testing Integration: Facilitates testing practices within your projects.

This extension also automatically installs Pylance, which enhances the experience when working with Python files and Jupyter Notebooks.

2. Jupyter Extension

The Jupyter extension integrates the power of Jupyter notebooks into VS Code, offering:

  • Faster Loading Times: Improves the responsiveness of notebooks.
  • Seamless Integration: Allows you to work within the familiar VS Code environment while leveraging Jupyter’s capabilities.
  • Support for Multiple Languages: Basic notebook support for various programming languages enhances versatility.

3. Jupyter Notebook Renderer

This Jupyter Notebook Renderer allows you to view the outputs of your code directly within VS Code, eliminating the need to switch between windows. It enables dynamic updates of charts and graphs, detailed image previews, and interactive data visualizations, significantly enhancing the data exploration experience.

4. Python Indent

Proper indentation is vital in Python programming. The Python Indent extension automates indentation management, ensuring that your code adheres to best practices. It highlights potential indentation errors as you code, promoting readability and maintainability.

5. DVC (Data Version Control)

The DVC extension transforms VS Code into a centralized hub for all your machine learning experimentation needs. For data scientists and ML engineers, the road to breakthrough models is often paved with countless experiments and data iterations. Without proper management, this process can quickly spiral into chaos.

Key Features:

  • Comprehensive Versioning: Beyond just data, DVC versions metadata, plots, models, and entire ML pipelines.
  • Advanced Experiment Tracking: Record code, data, parameters, and metrics. Easily compare and identify top-performing models.
  • User-Friendly Interface: Includes a dashboard, live tracking, and GUI-based data management.
  • Large File Handling: Simplifies and streamlines versioning of large files, a common pain point in ML projects.
  • Real-time Monitoring: Watch metrics evolve live, enabling rapid adjustments during training.

6. Error Lens

Error lens enhances the visibility of errors and warnings in your code, providing inline diagnostic messages. This feature helps developers catch issues early, making the development process more efficient and reducing the time spent debugging.

7. GitLens

Version control is essential for collaborative projects. Gitlens integrates Git functionality within VS Code, allowing you to visualize Git history, understand code authorship, and navigate through branches and commits. This extension simplifies collaboration and helps prevent potential conflicts.

8. Data Wrangler

The Data Wrangler extension offers an interactive interface for exploring, cleaning, and visualizing data. It generates Python code using Pandas as you work, making data manipulation efficient and code-friendly. This tool is invaluable for preparing data for further analysis.

9. ZenML Studio

ZenML Studio is a new extension that simplifies working with ZenML for MLOps projects. It integrates seamlessly with VS Code, providing a smooth experience for managing machine learning workflows.

10. Live Share

Live Share enables real-time collaborative development, allowing team members to co-edit and debug code together. This feature enhances the traditional pair programming experience by allowing developers to maintain their preferred settings while collaborating.

11. Kedro

The Kedro extension for Visual Studio Code integrates the powerful Kedro framework, enhancing project management and collaboration for data scientists and machine learning engineers.

Key Features

  • Streamlines the organization of code, data, and configurations within Kedro projects.
  • Enhances teamwork by providing features that allow multiple users to work on the same project efficiently.
  • Pipeline Visualization.
  • Code Quality and Testing.

12. SandDance:

Perfect for both data novices and seasoned analysts, SandDance shines when you’re facing a new dataset and need to quickly grasp its essence. Its ability to reveal relationships between variables and highlight trends makes it an invaluable tool for initial data exploration and hypothesis generation.

Factors Influencing the Choice Between Jupyter Notebooks and VS Code

While VS Code offers numerous advantages for data science teams, the optimal choice between Jupyter Notebooks and VS Code depends on various factors:

Team Size

Small teams: Jupyter Notebooks can be sufficient for very small, closely-knit teams where communication is frequent and informal. The interactive nature can facilitate rapid prototyping and experimentation.

Large teams: VS Code’s version control integration, code organization, and debugging capabilities become increasingly valuable as team size grows. It promotes code standardization and reduces the risk of errors.

Project Complexity

Simple projects: Jupyter Notebooks can handle exploratory data analysis and small-scale modeling projects effectively.

Complex projects: VS Code’s structured approach, debugging tools, and integration with other development tools are better suited for large-scale, production-oriented projects with multiple dependencies and complex workflows.

Individual Preferences

Interactive exploration: Data scientists who prefer an interactive, exploratory style may lean towards Jupyter Notebooks.

Code-centric workflow: Those who prioritize code organization, reusability, and collaboration may find VS Code more appealing.

Ultimately, the best approach often involves a hybrid strategy, leveraging the strengths of both environments. VS Code stands out as an ideal environment for complex data science projects that involve development, testing, and deployment, providing robust tools for collaboration and version control while still allowing for the interactive exploration capabilities of Jupyter Notebooks.

Finding New Extensions

To stay updated on the latest VS Code extensions, follow these steps:

  1. Visit the VS Code Marketplace
  2. Use the filter options to explore categories like Data Science and Machine Learning.
  3. Sort by “Date” to find the newest extensions.

Conclusion

In summary, adopting Visual Studio Code (VS Code) along with its diverse extensions can significantly enhance collaboration for data science and machine learning teams.

Transitioning from Jupyter Notebooks to VS Code is not just a change in tools; it signifies a shift towards software engineering best practices that improve teamwork, reproducibility, and project management.VS Code’s features, including integrated version control and real-time collaboration tools, streamline workflows and minimize common collaborative challenges.

While Jupyter Notebooks excel in interactive exploration, VS Code offers a more structured approach suitable for complex projects. Ultimately, the decision between the two should align with the team’s specific needs, but for those aiming for a more collaborative and organized workflow, VS Code proves to be a superior choice.

Connect with me on LinkedIn

Connect with me on Twitter

Join thousands of data leaders on the AI newsletter. Join over 80,000 subscribers and keep up to date with the latest developments in AI. From research to projects and ideas. If you are building an AI startup, an AI-related product, or a service, we invite you to consider becoming a sponsor.

Published via Towards AI

Feedback ↓

Sign Up for the Course
`; } else { console.error('Element with id="subscribe" not found within the page with class "home".'); } } }); // Remove duplicate text from articles /* Backup: 09/11/24 function removeDuplicateText() { const elements = document.querySelectorAll('h1, h2, h3, h4, h5, strong'); // Select the desired elements const seenTexts = new Set(); // A set to keep track of seen texts const tagCounters = {}; // Object to track instances of each tag elements.forEach(el => { const tagName = el.tagName.toLowerCase(); // Get the tag name (e.g., 'h1', 'h2', etc.) // Initialize a counter for each tag if not already done if (!tagCounters[tagName]) { tagCounters[tagName] = 0; } // Only process the first 10 elements of each tag type if (tagCounters[tagName] >= 2) { return; // Skip if the number of elements exceeds 10 } const text = el.textContent.trim(); // Get the text content const words = text.split(/\s+/); // Split the text into words if (words.length >= 4) { // Ensure at least 4 words const significantPart = words.slice(0, 5).join(' '); // Get first 5 words for matching // Check if the text (not the tag) has been seen before if (seenTexts.has(significantPart)) { // console.log('Duplicate found, removing:', el); // Log duplicate el.remove(); // Remove duplicate element } else { seenTexts.add(significantPart); // Add the text to the set } } tagCounters[tagName]++; // Increment the counter for this tag }); } removeDuplicateText(); */ // Remove duplicate text from articles function removeDuplicateText() { const elements = document.querySelectorAll('h1, h2, h3, h4, h5, strong'); // Select the desired elements const seenTexts = new Set(); // A set to keep track of seen texts const tagCounters = {}; // Object to track instances of each tag // List of classes to be excluded const excludedClasses = ['medium-author', 'post-widget-title']; elements.forEach(el => { // Skip elements with any of the excluded classes if (excludedClasses.some(cls => el.classList.contains(cls))) { return; // Skip this element if it has any of the excluded classes } const tagName = el.tagName.toLowerCase(); // Get the tag name (e.g., 'h1', 'h2', etc.) // Initialize a counter for each tag if not already done if (!tagCounters[tagName]) { tagCounters[tagName] = 0; } // Only process the first 10 elements of each tag type if (tagCounters[tagName] >= 10) { return; // Skip if the number of elements exceeds 10 } const text = el.textContent.trim(); // Get the text content const words = text.split(/\s+/); // Split the text into words if (words.length >= 4) { // Ensure at least 4 words const significantPart = words.slice(0, 5).join(' '); // Get first 5 words for matching // Check if the text (not the tag) has been seen before if (seenTexts.has(significantPart)) { // console.log('Duplicate found, removing:', el); // Log duplicate el.remove(); // Remove duplicate element } else { seenTexts.add(significantPart); // Add the text to the set } } tagCounters[tagName]++; // Increment the counter for this tag }); } removeDuplicateText(); //Remove unnecessary text in blog excerpts document.querySelectorAll('.blog p').forEach(function(paragraph) { // Replace the unwanted text pattern for each paragraph paragraph.innerHTML = paragraph.innerHTML .replace(/Author\(s\): [\w\s]+ Originally published on Towards AI\.?/g, '') // Removes 'Author(s): XYZ Originally published on Towards AI' .replace(/This member-only story is on us\. Upgrade to access all of Medium\./g, ''); // Removes 'This member-only story...' }); //Load ionic icons and cache them if ('localStorage' in window && window['localStorage'] !== null) { const cssLink = 'https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css'; const storedCss = localStorage.getItem('ionicons'); if (storedCss) { loadCSS(storedCss); } else { fetch(cssLink).then(response => response.text()).then(css => { localStorage.setItem('ionicons', css); loadCSS(css); }); } } function loadCSS(css) { const style = document.createElement('style'); style.innerHTML = css; document.head.appendChild(style); } //Remove elements from imported content automatically function removeStrongFromHeadings() { const elements = document.querySelectorAll('h1, h2, h3, h4, h5, h6, span'); elements.forEach(el => { const strongTags = el.querySelectorAll('strong'); strongTags.forEach(strongTag => { while (strongTag.firstChild) { strongTag.parentNode.insertBefore(strongTag.firstChild, strongTag); } strongTag.remove(); }); }); } removeStrongFromHeadings(); "use strict"; window.onload = () => { /* //This is an object for each category of subjects and in that there are kewords and link to the keywods let keywordsAndLinks = { //you can add more categories and define their keywords and add a link ds: { keywords: [ //you can add more keywords here they are detected and replaced with achor tag automatically 'data science', 'Data science', 'Data Science', 'data Science', 'DATA SCIENCE', ], //we will replace the linktext with the keyword later on in the code //you can easily change links for each category here //(include class="ml-link" and linktext) link: 'linktext', }, ml: { keywords: [ //Add more keywords 'machine learning', 'Machine learning', 'Machine Learning', 'machine Learning', 'MACHINE LEARNING', ], //Change your article link (include class="ml-link" and linktext) link: 'linktext', }, ai: { keywords: [ 'artificial intelligence', 'Artificial intelligence', 'Artificial Intelligence', 'artificial Intelligence', 'ARTIFICIAL INTELLIGENCE', ], //Change your article link (include class="ml-link" and linktext) link: 'linktext', }, nl: { keywords: [ 'NLP', 'nlp', 'natural language processing', 'Natural Language Processing', 'NATURAL LANGUAGE PROCESSING', ], //Change your article link (include class="ml-link" and linktext) link: 'linktext', }, des: { keywords: [ 'data engineering services', 'Data Engineering Services', 'DATA ENGINEERING SERVICES', ], //Change your article link (include class="ml-link" and linktext) link: 'linktext', }, td: { keywords: [ 'training data', 'Training Data', 'training Data', 'TRAINING DATA', ], //Change your article link (include class="ml-link" and linktext) link: 'linktext', }, ias: { keywords: [ 'image annotation services', 'Image annotation services', 'image Annotation services', 'image annotation Services', 'Image Annotation Services', 'IMAGE ANNOTATION SERVICES', ], //Change your article link (include class="ml-link" and linktext) link: 'linktext', }, l: { keywords: [ 'labeling', 'labelling', ], //Change your article link (include class="ml-link" and linktext) link: 'linktext', }, pbp: { keywords: [ 'previous blog posts', 'previous blog post', 'latest', ], //Change your article link (include class="ml-link" and linktext) link: 'linktext', }, mlc: { keywords: [ 'machine learning course', 'machine learning class', ], //Change your article link (include class="ml-link" and linktext) link: 'linktext', }, }; //Articles to skip let articleIdsToSkip = ['post-2651', 'post-3414', 'post-3540']; //keyword with its related achortag is recieved here along with article id function searchAndReplace(keyword, anchorTag, articleId) { //selects the h3 h4 and p tags that are inside of the article let content = document.querySelector(`#${articleId} .entry-content`); //replaces the "linktext" in achor tag with the keyword that will be searched and replaced let newLink = anchorTag.replace('linktext', keyword); //regular expression to search keyword var re = new RegExp('(' + keyword + ')', 'g'); //this replaces the keywords in h3 h4 and p tags content with achor tag content.innerHTML = content.innerHTML.replace(re, newLink); } function articleFilter(keyword, anchorTag) { //gets all the articles var articles = document.querySelectorAll('article'); //if its zero or less then there are no articles if (articles.length > 0) { for (let x = 0; x < articles.length; x++) { //articles to skip is an array in which there are ids of articles which should not get effected //if the current article's id is also in that array then do not call search and replace with its data if (!articleIdsToSkip.includes(articles[x].id)) { //search and replace is called on articles which should get effected searchAndReplace(keyword, anchorTag, articles[x].id, key); } else { console.log( `Cannot replace the keywords in article with id ${articles[x].id}` ); } } } else { console.log('No articles found.'); } } let key; //not part of script, added for (key in keywordsAndLinks) { //key is the object in keywords and links object i.e ds, ml, ai for (let i = 0; i < keywordsAndLinks[key].keywords.length; i++) { //keywordsAndLinks[key].keywords is the array of keywords for key (ds, ml, ai) //keywordsAndLinks[key].keywords[i] is the keyword and keywordsAndLinks[key].link is the link //keyword and link is sent to searchreplace where it is then replaced using regular expression and replace function articleFilter( keywordsAndLinks[key].keywords[i], keywordsAndLinks[key].link ); } } function cleanLinks() { // (making smal functions is for DRY) this function gets the links and only keeps the first 2 and from the rest removes the anchor tag and replaces it with its text function removeLinks(links) { if (links.length > 1) { for (let i = 2; i < links.length; i++) { links[i].outerHTML = links[i].textContent; } } } //arrays which will contain all the achor tags found with the class (ds-link, ml-link, ailink) in each article inserted using search and replace let dslinks; let mllinks; let ailinks; let nllinks; let deslinks; let tdlinks; let iaslinks; let llinks; let pbplinks; let mlclinks; const content = document.querySelectorAll('article'); //all articles content.forEach((c) => { //to skip the articles with specific ids if (!articleIdsToSkip.includes(c.id)) { //getting all the anchor tags in each article one by one dslinks = document.querySelectorAll(`#${c.id} .entry-content a.ds-link`); mllinks = document.querySelectorAll(`#${c.id} .entry-content a.ml-link`); ailinks = document.querySelectorAll(`#${c.id} .entry-content a.ai-link`); nllinks = document.querySelectorAll(`#${c.id} .entry-content a.ntrl-link`); deslinks = document.querySelectorAll(`#${c.id} .entry-content a.des-link`); tdlinks = document.querySelectorAll(`#${c.id} .entry-content a.td-link`); iaslinks = document.querySelectorAll(`#${c.id} .entry-content a.ias-link`); mlclinks = document.querySelectorAll(`#${c.id} .entry-content a.mlc-link`); llinks = document.querySelectorAll(`#${c.id} .entry-content a.l-link`); pbplinks = document.querySelectorAll(`#${c.id} .entry-content a.pbp-link`); //sending the anchor tags list of each article one by one to remove extra anchor tags removeLinks(dslinks); removeLinks(mllinks); removeLinks(ailinks); removeLinks(nllinks); removeLinks(deslinks); removeLinks(tdlinks); removeLinks(iaslinks); removeLinks(mlclinks); removeLinks(llinks); removeLinks(pbplinks); } }); } //To remove extra achor tags of each category (ds, ml, ai) and only have 2 of each category per article cleanLinks(); */ //Recommended Articles var ctaLinks = [ /* ' ' + '

Subscribe to our AI newsletter!

' + */ '

Take our 85+ lesson From Beginner to Advanced LLM Developer Certification: From choosing a project to deploying a working product this is the most comprehensive and practical LLM course out there!

'+ '

Towards AI has published Building LLMs for Production—our 470+ page guide to mastering LLMs with practical projects and expert insights!

' + '
' + '' + '' + '

Note: Content contains the views of the contributing authors and not Towards AI.
Disclosure: This website may contain sponsored content and affiliate links.

' + 'Discover Your Dream AI Career at Towards AI Jobs' + '

Towards AI has built a jobs board tailored specifically to Machine Learning and Data Science Jobs and Skills. Our software searches for live AI jobs each hour, labels and categorises them and makes them easily searchable. Explore over 10,000 live jobs today with Towards AI Jobs!

' + '
' + '

🔥 Recommended Articles 🔥

' + 'Why Become an LLM Developer? Launching Towards AI’s New One-Stop Conversion Course'+ 'Testing Launchpad.sh: A Container-based GPU Cloud for Inference and Fine-tuning'+ 'The Top 13 AI-Powered CRM Platforms
' + 'Top 11 AI Call Center Software for 2024
' + 'Learn Prompting 101—Prompt Engineering Course
' + 'Explore Leading Cloud Providers for GPU-Powered LLM Training
' + 'Best AI Communities for Artificial Intelligence Enthusiasts
' + 'Best Workstations for Deep Learning
' + 'Best Laptops for Deep Learning
' + 'Best Machine Learning Books
' + 'Machine Learning Algorithms
' + 'Neural Networks Tutorial
' + 'Best Public Datasets for Machine Learning
' + 'Neural Network Types
' + 'NLP Tutorial
' + 'Best Data Science Books
' + 'Monte Carlo Simulation Tutorial
' + 'Recommender System Tutorial
' + 'Linear Algebra for Deep Learning Tutorial
' + 'Google Colab Introduction
' + 'Decision Trees in Machine Learning
' + 'Principal Component Analysis (PCA) Tutorial
' + 'Linear Regression from Zero to Hero
'+ '

', /* + '

Join thousands of data leaders on the AI newsletter. It’s free, we don’t spam, and we never share your email address. Keep up to date with the latest work in AI. From research to projects and ideas. If you are building an AI startup, an AI-related product, or a service, we invite you to consider becoming a sponsor.

',*/ ]; var replaceText = { '': '', '': '', '
': '
' + ctaLinks + '
', }; Object.keys(replaceText).forEach((txtorig) => { //txtorig is the key in replacetext object const txtnew = replaceText[txtorig]; //txtnew is the value of the key in replacetext object let entryFooter = document.querySelector('article .entry-footer'); if (document.querySelectorAll('.single-post').length > 0) { //console.log('Article found.'); const text = entryFooter.innerHTML; entryFooter.innerHTML = text.replace(txtorig, txtnew); } else { // console.log('Article not found.'); //removing comment 09/04/24 } }); var css = document.createElement('style'); css.type = 'text/css'; css.innerHTML = '.post-tags { display:none !important } .article-cta a { font-size: 18px; }'; document.body.appendChild(css); //Extra //This function adds some accessibility needs to the site. function addAlly() { // In this function JQuery is replaced with vanilla javascript functions const imgCont = document.querySelector('.uw-imgcont'); imgCont.setAttribute('aria-label', 'AI news, latest developments'); imgCont.title = 'AI news, latest developments'; imgCont.rel = 'noopener'; document.querySelector('.page-mobile-menu-logo a').title = 'Towards AI Home'; document.querySelector('a.social-link').rel = 'noopener'; document.querySelector('a.uw-text').rel = 'noopener'; document.querySelector('a.uw-w-branding').rel = 'noopener'; document.querySelector('.blog h2.heading').innerHTML = 'Publication'; const popupSearch = document.querySelector$('a.btn-open-popup-search'); popupSearch.setAttribute('role', 'button'); popupSearch.title = 'Search'; const searchClose = document.querySelector('a.popup-search-close'); searchClose.setAttribute('role', 'button'); searchClose.title = 'Close search page'; // document // .querySelector('a.btn-open-popup-search') // .setAttribute( // 'href', // 'https://medium.com/towards-artificial-intelligence/search' // ); } // Add external attributes to 302 sticky and editorial links function extLink() { // Sticky 302 links, this fuction opens the link we send to Medium on a new tab and adds a "noopener" rel to them var stickyLinks = document.querySelectorAll('.grid-item.sticky a'); for (var i = 0; i < stickyLinks.length; i++) { /* stickyLinks[i].setAttribute('target', '_blank'); stickyLinks[i].setAttribute('rel', 'noopener'); */ } // Editorial 302 links, same here var editLinks = document.querySelectorAll( '.grid-item.category-editorial a' ); for (var i = 0; i < editLinks.length; i++) { editLinks[i].setAttribute('target', '_blank'); editLinks[i].setAttribute('rel', 'noopener'); } } // Add current year to copyright notices document.getElementById( 'js-current-year' ).textContent = new Date().getFullYear(); // Call functions after page load extLink(); //addAlly(); setTimeout(function() { //addAlly(); //ideally we should only need to run it once ↑ }, 5000); }; function closeCookieDialog (){ document.getElementById("cookie-consent").style.display = "none"; return false; } setTimeout ( function () { closeCookieDialog(); }, 15000); console.log(`%c 🚀🚀🚀 ███ █████ ███████ █████████ ███████████ █████████████ ███████████████ ███████ ███████ ███████ ┌───────────────────────────────────────────────────────────────────┐ │ │ │ Towards AI is looking for contributors! │ │ Join us in creating awesome AI content. │ │ Let's build the future of AI together → │ │ https://towardsai.net/contribute │ │ │ └───────────────────────────────────────────────────────────────────┘ `, `background: ; color: #00adff; font-size: large`); //Remove latest category across site document.querySelectorAll('a[rel="category tag"]').forEach(function(el) { if (el.textContent.trim() === 'Latest') { // Remove the two consecutive spaces (  ) if (el.nextSibling && el.nextSibling.nodeValue.includes('\u00A0\u00A0')) { el.nextSibling.nodeValue = ''; // Remove the spaces } el.style.display = 'none'; // Hide the element } }); // Add cross-domain measurement, anonymize IPs 'use strict'; //var ga = gtag; ga('config', 'G-9D3HKKFV1Q', 'auto', { /*'allowLinker': true,*/ 'anonymize_ip': true/*, 'linker': { 'domains': [ 'medium.com/towards-artificial-intelligence', 'datasets.towardsai.net', 'rss.towardsai.net', 'feed.towardsai.net', 'contribute.towardsai.net', 'members.towardsai.net', 'pub.towardsai.net', 'news.towardsai.net' ] } */ }); ga('send', 'pageview'); -->