teleren/devto huggingface dataset:
VoiceOver does not read pseudo elements with all: initial
Tags: webdev, a11y, css
Published: 2020-12-07 11:52:27

As far as I can tell you can add `all: initial;` to a regular element with the visually hidden class (`.sr-only` or whichever name you use), and VoiceOver will read the contents of the element.

However if you use `all: initial;` on `::before` or `::after` elements then the element will disappear from screen reader even if other styles would allow reading the pseudo element.

My best guess is that there is a CSS property that gets reverted into a value that does not allow reading the element, but I don't know which one.

Let me know if you know what is behind the phenomenon :)
Create a Pie Chart in Excel Office 365 – [with Easy Example]
Tags: createapiechartinexc, excelcharts, exceltutorials
Published: 2020-12-07 12:05:24

---
title: Create a Pie Chart in Excel Office 365 – [with Easy Example]
published: true
date: 2020-12-07 11:38:52 UTC
tags: CreateaPieChartinExc,ExcelCharts,ExcelTutorials
canonical_url: https://geekexcel.com/create-a-pie-chart-in-excel-office-365-with-easy-example/
---

A **Pie Chart ** is a pictorial representation of data that is divided into slices to show the proportional data or relative data in a single chart. In this chart, the pieces together represent **100%**. This is the best option when you have a few categories to create a chart. In this article, we will see how to **Create a Pie Chart in Excel Office 365**.

To know more different types of **[Excel Charts](https://geekexcel.com/excel-charts/),** refer to this link.
## Steps to Create a Pie Chart:

- You need to open the worksheet and **select the data** that you want to create a chart.

![Input Range](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/1-16.png)<figcaption id="caption-attachment-18814">Input Range</figcaption>

- On the **Insert Tab, select** the **Pie**   **or Doughnut**   **Chart ** drop-down list under the **Charts** section.
- Then, you need to **select** the **2-D Pie** chart option from the menu.

![Insert Tab](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Insert-Tab-2.png)<figcaption id="caption-attachment-18815">Insert Tab</figcaption>

- Now, you will get the chart as shown in the below example image.

![Output](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Output-9.png)<figcaption id="caption-attachment-18816">Output</figcaption>

## Pros and Cons:

### Pros:

- It is a simple and compact representation of data.
- You can be read “ **at a glance** ” if the chart has minimum categories.
- Excel will calculate the percentage values automatically.

### Cons:

- It is hard to compare the relative size of the slices.
- Limited to part-to-whole data.
- The pie chart is poor at showing the change over time.

## Conclusion:

In the above article, you can easily understand the steps to **Create a Pie Chart in Excel Office 365**. Don’t forget to share your **feedback** in the comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!
How to Create a Line Chart in Excel Office 365 with Simple Example!!
Tags: createalinechartinex, excelcharts, exceltutorials
Published: 2020-12-07 12:05:17

---
title: How to Create a Line Chart in Excel Office 365 with Simple Example!!
published: true
date: 2020-12-07 11:38:23 UTC
tags: CreateaLineChartinEx,ExcelCharts,ExcelTutorials
canonical_url: https://geekexcel.com/how-to-create-a-line-chart-in-excel-office-365-with-simple-example/
---

A line chart or a line plot is a type of chart in Excel that displays the information as a series of data points. This chart is used to track changes over short and long periods of time. It is mostly used in the finance field. A line chart can handle more categories and more data points without becoming cluttered. In this post, we are going to see how to **Create a Line Chart in Excel Office 365**.

To know more different types of **[Excel Charts](https://geekexcel.com/excel-charts/),** refer to this link.
## Create a Line Chart:

- First, you need to **select the range** of data that you want to create a chart.

![Input](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Input-1.png)<figcaption id="caption-attachment-18826">Input</figcaption>

- Then, on the **Insert Tab, select** the **Insert Line**   **or Area**   **Chart ** option under the **Charts** section.
- After that, you need to **select the 2-D line chart** from the drop-down menu.

![Insert Tab](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Insert-Tab-3.png)<figcaption id="caption-attachment-18827">Insert Tab</figcaption>

- Finally, you will see the line chart according to your data as shown in the below screenshot.

![Result](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Result-5.png)<figcaption id="caption-attachment-18828">Result</figcaption>

## Pros and Cons:

### Pros:

- It is easy to create and read.
- Clean presentation of multiple data points.
- A line chart can handle both positive and negative values.

### Cons:

- It is difficult to read when lines overlap frequently.

## Summary:

In this post, you can clearly understand the steps to **Create a Line Chart in Excel Office 365**. Drop your **feedback** in the comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!
Create an Area Chart in Excel Office 365 – with Example!!
Tags: createanareachartine, excelcharts, exceltutorials
Published: 2020-12-07 12:05:09

---
title: Create an Area Chart in Excel Office 365 – with Example!!
published: true
date: 2020-12-07 11:37:51 UTC
tags: CreateanAreaChartinE,ExcelCharts,ExcelTutorials
canonical_url: https://geekexcel.com/create-an-area-chart-in-excel-office-365-with-example/
---

An **Area Chart** will show the time-series relationship. The data points are plotted on the **X and Y-axis**. These data points are connected through line segments. It is one of the good ways to display change over time. In this article, we will explore how to **Create an Area Chart in Excel Office 365** with an example.

To know more different types of **[Excel Charts](https://geekexcel.com/excel-charts/),** refer to this link.
## Create an Area Chart:

- You need to **select the data range** that you want to create an area chart.

![Input Range](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Input-Range-1.png)<figcaption id="caption-attachment-18838">Input Range</figcaption>

- Go to the **Insert Tab, select** the **Insert Line or**   **Area Chart ** icon.
- Then, **select** the **2-D Area Chart** option.

![Insert Tab](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Insert-Tab-4.png)<figcaption id="caption-attachment-18839">Insert Tab</figcaption>

- At last, you will get the output as shown in the below image.

![Example](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Example-29.png)<figcaption id="caption-attachment-18840">Example</figcaption>

## Pros and Cons:

### Pros:

- It is easy to read and create.
- This chart can handle both negative and positive values.
- Simple presentation.

### Cons:

- It will not work well for multiple data series.

## Bottom-Line:

In this article, you can quickly understand the steps to **Create an Area Chart in Excel Office 365 ** with example. Leave your **feedback** in the comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!
What is Hacktoberfest and Why you should care
Tags: teamtanaychallenge, webdev
Published: 2020-12-07 11:37:27

Hacktoberfest is open to everyone in our global community. Whether you're a developer, student learning to code, event host, or company of any size, you can help drive growth of open source and make positive contributions to an ever-growing community.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/kjp4t5frkf7fomvy4sal.png)
During the entire month of October, all you have to do is contribute to any open source projects and open at least 4 pull requests. 

Yes, any project and any kind of contributions. You don’t need to be an expert in programming or coding. It can be a be a bug fix, improvement, or even a documentation change! And win an awesome T-shirt and awesome stickers.

##Why should I do it ?

Support open source , it’s not just about the t-shirts or stickers. Its about supporting open source. Its about celebrating open source, and giving it back. If you’ve never contributed to open source before, this is the perfect time to get started because Hacktoberfest provides a large list of available contribution opportunities.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/q0jzvf7gu14q025dyfep.png)
##5 ways to contribute to open source during Hacktoberfest
1. Start with open source you use every day
2. Explore based on your interests
3. Encourage projects to participate in Hacktoberfest
4. Use and improve documentation
5. Skip the code and host an event

##Reasons why you should contribute to open source projects
Contributing to an open source project helps you gain a much deeper knowledge about the software.Moreover, it is absolutely normal that your changes won’t be accepted in the first run. 

However, this way you get in touch with other experienced people working on the project, giving you valuable insights and feedback, as well. In fact, getting in touch with the people, who actually develop the code base of an open source project, is  beneficial .

Most software projects have a roadmap, that aims to help you to plan for the future. These usually include bug fixes and features at varying granularity lined up in a rough schedule, ranging from weeks to years. For commercial, closed source projects this roadmap, however, is of little help, when it comes to dealing with the risks of not finishing essential parts of it in time. 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/h4uulyr22o9y6a26vo9f.png)
Open source contribution can be an amazing learning experience. It allows you to give back to and be a part of communities that build valuable open source software. It enables you to make software that you use better. Although it can be tough to start, once you get the hang of it, it is immensely rewarding.
Create a Stacked Area Chart in Excel Office 365 – [Simple Steps]
Tags: excelcharts, stackedareachartinex, exceltutorials
Published: 2020-12-07 12:04:52

---
title: Create a Stacked Area Chart in Excel Office 365 – [Simple Steps]
published: true
date: 2020-12-07 11:37:10 UTC
tags: ExcelCharts,StackedAreaChartinEx,ExcelTutorials
canonical_url: https://geekexcel.com/create-a-stacked-area-chart-in-excel-office-365-simple-steps/
---

A **Stacked Area Chart** is an extension of a basic area chart in Excel. It will display the value of the several groups on the same graphic. It shows data series plotted with filled areas stacked, one on top of the other. On this page, you will see the simple steps to **Create a Stacked Area Chart in Excel Office 365**.

To know more different types of **[Excel Charts](https://geekexcel.com/excel-charts/),** refer to this link.
## Create a Stacked Area Chart:

- You need to **select the data set** that you want to create a stacked area chart.

![Input Range](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Input-Range-2.png)<figcaption id="caption-attachment-18848">Input Range</figcaption>

- Then, **click** on the **Insert Tab,** and **select** the **Insert Line or**   **Area Chart icon ** under the **Charts** section.
- In the drop-down menu, you need to **select** the **2-D Stacked Area** option.

![Insert Tab](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Insert-Tab-5.png)<figcaption id="caption-attachment-18849">Insert Tab</figcaption>

- Finally, you will see the stacked area chart on your worksheet as shown in the below image.

![Output](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Output-10.png)<figcaption id="caption-attachment-18851">Output</figcaption>

## Pros and Cons:

### Pros:

- It can show part to whole changes over time.
- Simple presentation.

### Cons:

- Difficult to add data labels because there is less white space available.

## Closure:

From this page, you can easily understand the steps to **Create a Stacked Area Chart in Excel Office 365**. Don’t forget to share your **worthwhile feedback** with us. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!
Create a 100% Stacked Area Chart in Excel Office 365!!
Tags: 100stackedareacharti, excelcharts, exceltutorials
Published: 2020-12-07 12:04:44

---
title: Create a 100% Stacked Area Chart in Excel Office 365!!
published: true
date: 2020-12-07 11:35:54 UTC
tags: 100StackedAreaCharti,ExcelCharts,ExcelTutorials
canonical_url: https://geekexcel.com/create-a-100-stacked-area-chart-in-excel-office-365/
---

A **100% Stacked Area Chart** is one of the built-in chart types. It will show the progression and composition over time. In this chart, the cumulative area always represents **100%**. Each area represents one part of the whole. In this article, we are going to see how to **create a 100% Stacked Area Chart in Excel Office 365**.

To know more different types of **[Excel Charts](https://geekexcel.com/excel-charts/),** refer to this link.
## Create a 100% Stacked Area Chart:

- First, you need to **select the data set** that you want to create a chart.

![Input Range](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Input-Range-2.png)<figcaption id="caption-attachment-18848">Input Range</figcaption>

- On the **Insert Tab, select** the **Insert Line or**   **Area Chart icon.**
- Then, you need to **select** the **100** %  **Stacked Area** option in the **2-D area.**

![Insert Tab](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Insert-Tab-6.png)<figcaption id="caption-attachment-18860">Insert Tab</figcaption>

- Finally, you will get the chart as shown in the below screenshot.

![Output](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/1-17.png)<figcaption id="caption-attachment-18862">Output</figcaption>

## Pros and Cons:

### Pros:

- It will show the component contribution changes over time.

### Cons:

- It is difficult to read and understand.

## A Brief Summary:

In this article, you can easily understand the steps to **create a 100% Stacked Area Chart in Excel Office 365**. Give your **valuable feedback** in the comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!
Do you prefer TypeScript over vanilla JS?
Tags: watercooler, typescript, javascript
Published: 2020-12-07 11:35:50

---
title: Do you prefer TypeScript over vanilla JS?
published: true
description: 
tags: watercooler, typescript, javascript
cover_image: https://res.cloudinary.com/practicaldev/image/fetch/s--nNH0d3T7--/c_imagga_scale,f_auto,fl_progressive,h_720,q_auto,w_1280/https://thepracticaldev.s3.amazonaws.com/i/nwxjxprk276uaol1c11a.png
---
TypeScript is a superset of JavaScript that extends it by adding data types, classes, and other object-oriented features with type-checking.

As far as I've tried it, I would say I liked it and I could surely see the additional features being useful in more complex code bases.  

What's your opinion on TS? Do you use it wherever possible (by default) or do you still prefer to write vanilla JS?
Create Scatter Plot in Excel Office 365 – {Simple & Quick Steps}
Tags: createascatterplotin, excelcharts, exceltutorials
Published: 2020-12-07 12:04:31

---
title: Create Scatter Plot in Excel Office 365 – {Simple & Quick Steps}
published: true
date: 2020-12-07 11:35:08 UTC
tags: CreateaScatterPlotin,ExcelCharts,ExcelTutorials
canonical_url: https://geekexcel.com/create-scatter-plot-in-excel-office-365-simple-quick-steps/
---

A **Scatter Plot** or a Scatter Chart will use dots to represent values for two different variables. The position of each dot on the horizontal or vertical axis indicates values for an individual data point. It uses Cartesian coordinates to display the values. Let’s see how to **Create a Scatter Plot in Excel Office 365** using simple steps.

To know more different types of **[Excel Charts](https://geekexcel.com/excel-charts/),** refer to this link.
## Create a Scatter Plot:

- First, you need to **select the input range** that you want to create a plot.

![Input Range](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Input-Range-3.png)<figcaption id="caption-attachment-18883">Input Range</figcaption>

- Go to the **Insert Tab, select** the **Insert**   **Scatter**  **(X,** **Y)**  **or Bubble Chart ** option.
- Then, you need to **select** the **Scatter** option.

![Insert Tab](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Insert-Tab-7.png)<figcaption id="caption-attachment-18884">Insert Tab</figcaption>

- At last, you will get the scatter chart as shown in the below image.

![Chart](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Chart.png)<figcaption id="caption-attachment-18885">Chart</figcaption>

## Pros and Cons:

### Pros:

- It will show the relationship of one variable to another.
- Visual display of correlation.

### Cons:

- It is suitable only for data where a correlation is expected.
- This chart is difficult to understand.

## Sum-Up:

In this article, you can easily understand how to **Create a Scatter Plot in Excel Office 365** using simple steps. Don’t forget to share your **feedback** in the comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!
Create a Doughnut Chart in Excel Office 365 – [with Example]
Tags: createadoughnutchart, excelcharts, exceltutorials
Published: 2020-12-07 12:04:19

---
title: Create a Doughnut Chart in Excel Office 365 – [with Example]
published: true
date: 2020-12-07 11:34:13 UTC
tags: CreateaDoughnutChart,ExcelCharts,ExcelTutorials
canonical_url: https://geekexcel.com/create-a-doughnut-chart-in-excel-office-365-with-example/
---

A **Doughnut Chart** is similar to the pie chart. It shows the relationship of parts to a whole. This chart can contain more than one data series. All pieces in this chart together represent **100%**. It is a built-in chart type in Excel. In this article, you will learn the steps to **Create a Doughnut Chart in Excel Office 365**. Let’s get into this article!!

To know more different types of **[Excel Charts](https://geekexcel.com/excel-charts/),** refer to this link.
## Create a Doughnut Chart:

- You need to **select** the **input range** that you want to create a doughnut chart.

![Input range](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Input-range-4.png)<figcaption id="caption-attachment-18890">Input range</figcaption>

- On the **Insert Tab, select** the **Insert Pie or Doughnut chart** drop-down icon under the **Charts** section.
- Then, you need to select the **Doughnut ** option.

![Insert Tab](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Insert-Tab-8.png)<figcaption id="caption-attachment-18891">Insert Tab</figcaption>

- Now, you will see the output chart as shown in the below screenshot.

![Chart](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Chart-1.png)<figcaption id="caption-attachment-18892">Chart</figcaption>

## Pros and Cons:

### Pros:

- It is a simple and compact presentation.
- You can easily read this chart.
- It will calculate the percentage automatically.

### Cons:

- It is difficult to compare the relative size of the slices.
- This chart is limited to part-to-whole data.
- It is poor at showing change over time.

## Wind-Up:

In this article, you can easily understand the steps to **Create a Doughnut Chart in Excel Office 365**. Leave your **feedback** in the comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!
Web Monetization in VuePress
Tags: vue, javascript, webdev
Published: 2020-12-03 05:17:34

---
title: Web Monetization in VuePress
published: true
date: 2020-12-03 05:15:58 UTC
tags: Vue,JavaScript,webdev
canonical_url: https://h.shadowtime2000.com/web-monetization-in-vuepress
---

## Web Monetization in VuePress

So, you have probably heard of web monetization right now. It allows you to monetize your website **without ads**. One important name in it is Coil. Coil is a browser extension which allows you to connect with that web monetization API and give money to the content creator. This article will show you how to use web monetization with VuePress.

### With Config

This is a relatively simple way to do it. You just need to add this to the config:

```js
module.exports = {
	...,
	head: [
		["meta", { name: "monetization", content: "$payoutprovider.com/myAccount" }]
	],
	...
}
```
You would of course replace the payout provider and your account.

### With Plugin

You can also use [vuepress-plugin-web-monetization](https://www.npmjs.com/package/vuepress-plugin-web-monetization). 

With this you can specify the payout provider and account in the plugin config:

```js
plugins: {
    "web-monetization": {
        "address": "$payoutProvider.com/myAccount"
    }
}
```

You can also then specify the payout provider in markdown files:

```md
---
monetization: "$payoutProvider.com/myAccount"
---

Put your content here.
```

The monetization address in the config will be used if it is not specified in the front matter.

## Conclusion

We went over two different ways you can monetize your content using web monetization in VuePress:

1. Simple `head` option in the config
2. Using the plugin for more flexibility.
Create a Pie of Pie Chart in Excel Office 365 – EASY STEPS!!
Tags: createapieofpiechart, excelcharts, exceltutorials
Published: 2020-12-07 12:04:02

---
title: Create a Pie of Pie Chart in Excel Office 365 – EASY STEPS!!
published: true
date: 2020-12-07 11:32:55 UTC
tags: createaPieofPieChart,ExcelCharts,ExcelTutorials
canonical_url: https://geekexcel.com/create-a-pie-of-pie-chart-in-excel-office-365-easy-steps/
---

The Pie of Pie Chart is one of the built-in chart types in Excel. This chart will separate the smaller slices from the main  **pie chart**  and display them in a secondary  **pie.** It should be avoided when there are many categories. This chart can display the part-to-whole relationship where all the pieces together represent 100%. In this guide, we will see how to **create a Pie of Pie Chart in Excel Office 365**.

To know more different types of **[Excel Charts](https://geekexcel.com/excel-charts/),** refer to this link.
## Create a Pie of Pie Chart:

- First, you need to **select the range** that you want to create a chart.

![Input](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Input-2.png)<figcaption id="caption-attachment-18897">Input</figcaption>

- Then, on the **Insert Tab, select** the **Insert Pie or Doughnut Chart** icon and **select** the **Pie of pie** option from the menu.

![Insert Tab](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/Insert-Tab-9.png)<figcaption id="caption-attachment-18898">Insert Tab</figcaption>

- Finally, you will get the result as shown in the below image.

![pie of pie chart](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/12/pie-of-pie-chart.png)<figcaption id="caption-attachment-18900">pie of pie chart</figcaption>

 

## Pros and Cons:

### Pros:

- This is a simple way to handle more categories in a Pie chart.
- You can easily read this chart.
- Excel can automatically calculate percentages.

### Cons:

- It is limited to part-to-whole data.
- This chart is poor at showing change over time.
- It is difficult to compare the relative size of the slices.

## Verdict:

In the above article, you can easily understand the steps to **create a Pie of Pie Chart in Excel Office 365**. Leave your **feedback** in the comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!