teleren/devto huggingface dataset:
Create a Bubble Chart in Excel Office 365 – Easy Steps!!
Tags: createabubblechart, excelcharts, exceltutorials
Published: 2020-12-08 10:14:35

---
title: Create a Bubble Chart in Excel Office 365 – Easy Steps!!
published: true
date: 2020-12-08 05:59:39 UTC
tags: CreateaBubbleChart,ExcelCharts,ExcelTutorials
canonical_url: https://geekexcel.com/create-a-bubble-chart-in-excel-office-365-easy-steps/
---

A **Bubble chart** is an extension of the [Scatter Plot](https://geekexcel.com/create-scatter-plot-in-excel-office-365-simple-quick-steps/) in Microsoft Excel. It shows the relationship between the numerical variables. A bubble chart is a special kind of XY Chart. The bubble chart is created as X versus Y, scaled by Z. Each dot in the bubble chart corresponds with a single data point. In this article, you will easily learn the instructions to **Create a Bubble Chart in Excel Office 365**.

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

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

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

- Then, on the **Insert Tab, select** the **Bubble Chart** drop-down list.
- Now, you need to **click** the **Bubble Chart** option from the menu.

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

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

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

## Pros and Cons:

### Pros:

- It can show the relationship of one variable to another.
- Visually display the correlation.

### Cons:

- It may hard to understand.
- More difficult to set up than other charts.

## Verdict:

In this article, you can quickly understand the instructions to **Create a Bubble Chart in Excel Office 365**. Drop your **feedback** in the comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!
WSIWYG vs Hand Coding
Tags: wsiwyg
Published: 2020-12-08 05:47:08

Hey today in this post I am going to talk about WSIWYG(What you see is what you get) editors vs Hand Coding.
I don't have any problem with WSIWYG except one thing.If you use WSIWYG for free you will see their advertisement banner on top and all the backend is controlled by them,so they are advertising themselves as well as if something fails in their server your website will also get effected while on hand coding you get full control over the web page and the backend is made by made or you may use serverless therefore reducing the chances of server failures and your website going down,also it gives you more control over the website.

Write your thoughts in the comments below.
HOW TO FIX RUNTIME ERROR
Tags: help, python
Published: 2020-12-08 05:47:01

HOW TO FIX THIS RUNTIME ERRRO
RuntimeError: The current Numpy installation ('c:\\users\\anil\\appdata\\local\\programs\\python\\python39\\lib\\site-packages\\numpy\\__init__.py') fails to pass a sanity check due to a bug in the windows runtime. See this issue for more information: https://tinyurl.com/y3dm3h86
Create a Radar Chart in Excel Office 365 with an Example!!
Tags: createaradarchart, excelcharts, exceltutorials
Published: 2020-12-08 10:14:18

---
title: Create a Radar Chart in Excel Office 365 with an Example!!
published: true
date: 2020-12-08 05:06:30 UTC
tags: CreateaRadarChart,ExcelCharts,ExcelTutorials
canonical_url: https://geekexcel.com/create-a-radar-chart-in-excel-office-365-with-an-example/
---

A **Radar chart** is a graphical method of displaying multivariate data in the form of a two-dimensional chart. It is one of the built-in chart types in MS Excel. This chart has many names such as **spider** chart, **radial** chart, or **web** chart. In the radar chart, each variable has its own axis, all axes are joined in the center of the figure. In this post, we will see how to **Create a Radar Chart in Excel Office 365**.

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

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

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

- On the **Insert Tab, select** the **Radar Chart** drop-down list under the **Charts** section.
- Then, you need to **click** the **Radar Chart** option.

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

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

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

## Pros and Cons:

### Pros:

- Uses Compact space.
- It can handle more than one data series.

### Cons:

- It is difficult to read.
- This chart may confuse users because of its unusual type.

## Wrap-Up:

In this post, you can clearly understand the steps to **Create a Radar Chart in Excel Office 365**. Kindly, share your **feedback** in the comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!
Transition CSS
Tags: css, transition, html, animation
Published: 2020-12-08 05:45:55

## What is Transition
Transition is the easiest way to create animation in CSS. So, I am not going to deep dig into the history of transition. We developers always wanted to see the end result and then we move forward. So, here I am attaching a Codepen below for end result.

## Have a look and then move forward.
```
https://codepen.io/sk3213/pen/XWjdwMY
```
So, let's start with some basics.
## Syntax :
```
transition:
property
duration
timing-function
delay;
```
Well, there are thousands of ways to use it, but most of the time it is used in case of hovering. So, let me take an example to explain it in brief.
```
.First{
background: black;
transition: background 1s ease-in; 
// Here I am writing background because I want to change background on hover
}

.First:hover {
background: red;
// Magic 
}
```
## Transition timing function values
```
1. linear
2. ease
3. ease-in
4. ease-out
5. ease-in-out
```
## Which Properties you can Animate using CSS Animations
You can find out here a list of all the properties you can animate via transition

## Sources
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties

## Advance
cubic-bezier - https://developer.mozilla.org/en-US/docs/Web/CSS/easing-function
code fix 
Tags: help
Published: 2020-12-08 05:39:53

i am getting this error while am running the code in spyder

Reloaded modules: jupyter_client.session, zmq.eventloop, zmq.eventloop.ioloop, tornado.platform, tornado.platform.asyncio, tornado.gen, zmq.eventloop.zmqstream, jupyter_client.jsonutil, dateutil, dateutil._version, dateutil.parser, dateutil.parser._parser, six, dateutil.relativedelta, dateutil._common, dateutil.tz, dateutil.tz.tz, dateutil.tz._common, dateutil.tz._factories, dateutil.tz.win, dateutil.parser.isoparser, jupyter_client.adapter
  File "C:\Users\Anil\.spyder-py3\temp.py", line 26
    course = []
Introduction to Cybersecurity Journey
Tags: cybersecurity, beginners
Published: 2020-12-08 05:36:33

Cybersecurity is a journey that if often walked alone one may end up giving up. Fortunately, this field has so many amazing experts that are more than willing to share their skills through various social platforms. It is imperative that one understands that infosec has so many paths that one would probably chose to follow for example forensics,reverse engineering, bug bounty hunting, malware analysis,cryptography among many others. For me I chose to begin with bug bounty hunting. Over the next couple of weeks I will be posting my journey on how I found my first bug, the various tools I used and my experience along the way. I will also recommend various cybersec experts that one should follow for indispensable information. Meanwhile I would highly recommend that one remains extremely passionate and resilient about whatever path they are undertaking no matter how rough it gets. In all honesty it's not always easy as our minds make it look like but with impeccable effort all will always fall into place. 

I am extremely thrilled to be sharing my experience with you, I hope one way or another I will help you become a better version of yourself and help you understand various concepts in a much easier way.
How to check if a browser window is inside of screens on Electron
Tags: electron, javascript
Published: 2020-12-08 05:17:13

If your Electron app remembers the last window position and restores it on launch, it may cause an issue for those who have a secondary screen.
Because secondary screens can be detached in a certain situation, the window can be outside of the screen when restoring the position but the screen was not connected.
To detect this, you can check if a given position is inside of any of the screens like so:

```js
import { remote, ipcRenderer, BrowserWindow } from 'electron'
const { screen } = remote

function isWithinDisplayBounds(pos: { x: number, y: number }) {
  const displays = screen.getAllDisplays()
  return displays.reduce((result, display) => {
    const area = display.workArea
    return (
      result ||
      (pos.x >= area.x &&
        pos.y >= area.y &&
        pos.x < area.x + area.width &&
        pos.y < area.y + area.height)
    )
  }, false)
}
```

Then, if it's out of bounds, it should be moved into the primary screen:

```js
const isOnScreen = isWithinDisplayBounds({ x, y })
const primaryScreenBounds = screen.getPrimaryDisplay().bounds
if (!isOnScreen) {
  x = (primaryScreenBounds.width - w) / 2
  y = (primaryScreenBounds.height - h) / 2
}
```

* * *

- My app: [Inkdrop - Markdown note-taking app](https://www.inkdrop.app/)
- Follow me on [Twitter](https://twitter.com/inkdrop_app) & [Instagram](https://instagram.com/craftzdog)

[![Subscribe Newsletter](https://cdn-images-1.medium.com/max/2372/1*-J5tp1_lulY9QknoLEv6zA.png)](http://eepurl.com/dNgJo6)

[![My YouTube channel](https://cdn-images-1.medium.com/max/3000/1*r-daItizHpAU-fQZk3ISag.png)](https://www.youtube.com/c/devaslife)
How to Maintain and Write better code
Tags: beginners, codenewbie, 100daysofcode, webdev
Published: 2020-12-08 05:15:48

Writing and maintaining code is necessary because you want to make it easily understandable for people. So here are some of my tips on how you can write better code and maintain it. 

<hr>

### Avoid Global Code
- Global variables and loops are a mess and can prove problematic when your application grows to millions of lines of code (most do!!!). 
- Think twice before you pollute the global namespace with variables, functions, loops, etc. 

### Use meaningful structures
- Structuring your application is very important, don't use complicated structures, always stick to simplicity. 
- Always split the four parts of any typical application apart from each other - HTML, CSS Templates/Layouts, JavaScript, PHP Code. 

### Use meaningful Names
- Never use names like `$k`, `%n`, and `$test` for your variables. 
- Good code should be meaningful in terma of variable names, function/method names, and class names.  
- Some good examples of meaningful names are: `$request`, `$dbResult` and `$tempFile` (depending on your coding style guidelines these may use underscores, camelcase, or, pascal case). 

### Write useful comments
- Write meaningful, single line comments for vague lines. 
- Write full parameter and functionality descriptions for functions and methods; for tricky logic blocks, describe the logic in words before it if necessary. 
- Don't forget, always keep your comments up to date!

### Use a coding standard
- It's easy to write bad, unorganized code, but it's hard to maintain such code. 
- Good code typically follows some standard for naming conventions, formatting, etc. 

### Use automated build tools

- Try to use tools like <a href="https://github.com/ant-tool" target="_blank">Ant</a> and <a href="https://www.phing.info/" target="_blank"> Phing</a>.  

### Refractor

- Code refactoring is the eight habit of highly effective developers. 
- Believe it or not, you should be refactoring your code on a daily basis or your code is not in good health!
  - If your function or method is more than 20-25 lines, it's more likely that you're including too much logic inside it, and you can probably split it into two or smaller functions/methods. 
  - If your method/function name is more than 20 characters, you should either rethink the name or rethink the whole function/method by reviewing the first rule.  


<hr>
## Need Help
Need help in raising funds to buy a Mechanical Keyboard. This pandemic has affected my family badly so can't ask my DAD for it. Please Help Me. 

<a href="https://www.buymeacoffee.com/rahxuls">
![1.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1606540958103/otN4S9TK8.png)
</a>
😎 Thank You For Reading | Happy Coding ⚡
Macro Tips: TypeDeclaration
Tags: crystal, macros
Published: 2020-12-08 01:18:28

When working with macros, you might have one that allows specifying a name, type, and an optional default value.

It might look something like this

```crystal
param query : String = "default query"
```

The code for the macro will take in one parameter and that parameter will be a [`TypeDeclaration`](https://crystal-lang.org/api/latest/Crystal/Macros/TypeDeclaration.html).

```crystal
macro param(type_decl)
  # ...
end
```

If you imagine that this `param` macro is for a web framework and used to define the query params for an endpoint, it makes sense that it would raise an error if the query is not nilable and no default value is given in the method that it defines.

The code for that could be (forgive me for this mess)

```crystal
macro param(type_decl)
  def {{ type_decl.var }} : {{ type_decl.type }}
    {% is_nilable_type = type_decl.type.is_a?(Union) %}

    val = params.get?(:{{ type_declaration.var.id }})

    return val unless val.nil?

    {% if is_nilable_type %}
      {{ type_declaration.value || nil }}
    {% else %}
      default_or_nil = {{ type_declaration.value || nil }}
      if default_or_nil.nil?
        raise MissingParamError.new("{{ type_declaration.var.id }}")
      else
        default_or_nil
      end
    {% end %}
    end
  end
end
```

Can you see the problem with this?

What if a param was this instead `param show_deleted : Bool = false`?

The problem is the line `default_or_nil = {{ type_declaration.value || nil }}`. It means that any time the value is not provided, it uses the default which is `false` and is obviously falsey which means that `default_or_nil` evaluates to nil and ends up raising the error.

The solution is to check if the value is a [`Nop`](https://crystal-lang.org/api/latest/Crystal/Macros/Nop.html) instead of checking the truthiness of the default value since value is a `Nop` when it isn't defined.

Instead of

```crystal
default_or_nil = {{ type_declaration.value || nil }}
```

it should be

```crystal
default_or_nil = {{ type_declaration.value.is_a?(Nop) ? nil : type_declaration.value }}
```

[Here's the relevant PR](https://github.com/luckyframework/lucky/commit/49f1021a76c49ca7d14a3d636ebea0244671d97b) for the fix made in Lucky.
Flutter Basic Introduction
Tags: flutter, introduction
Published: 2020-12-08 04:46:39

Hey Folks 👋,

I know that there are already many blogs/articles about Flutter. So I will be brief and write about why I have picked the Flutter, with some introduction about it.

## What Is Flutter
Flutter is an open-source UI software development kit created by Google. The latest stable release of the Flutter is 1.22.4 released on November 14, 2020. (Got these details from Wikipedia 😜)

>Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.

what this means is we don't need to write separate code to build an app for Android and iOS instead Code will be written in Dart( I too don't know how to write code in Dart 😔 soon I will learn how to use Dart) and that code will be compiled into native machine code using the Flutter SDK (Software Development Kit).

## Why Flutter Though
Why should we use Flutter while there are so many already developed frameworks such as swiftC, Android (Is its name is Android? I know that it uses Java not sure about its name 😔) but the main problem with both of these frameworks is that these frameworks can only build native apps only like Android can be used to build only Android apps and swiftC is used to build only the iOS apps so if a developer wants to build an App which supports both Android and iOS then he would be required to write and maintain separate codebase for each OS which is a big hassle due doubled work for to bug fix or to add new features.

![reactvsFluttervsIconic.jpeg](https://cdn.hashnode.com/res/hashnode/image/upload/v1607016125253/nexfZrMUa.jpeg)
Yes, There are some cross-platform frameworks such as React Native(Built and developed by Facebook), Iconic but these also come with some demerits. such as Iconic will be just building a web-app wrapped around the native app so you won't get the feel of using the native apps. React Native is also good but the only problem with this is that it gives less customization compared to Flutter, Due to partly compilation of the UI components in React Native which can be both good or bad depending on the use case.

With Flutter You can have a single codebase for all platforms apps which helps developers in maintaining, debugging, and updating codebase with ease with a single language which is Dart. Flutter can be used to build an app for Android, iOS, Web, and Desktop with a single codebase( It may look like I saying the same thing again and again but this is the main feature that makes Flutter such a beautiful framework 😍). Also, the changes can be seen in the app within seconds when we make changes in code( Will be like a refresh button in web development 😎).

## Thanks You
Thank you for reading till the end (If you are reading 😉) If there is any incorrect information do let me know I will correct those mistakes. well, I am new to blog writing so your help will be appreciated. 

Adiós 👋
First Blog In Life
Tags: firstpost
Published: 2020-12-08 04:39:55

Hi All 👋,
This is my first blog so I will keep updating this blog to the point where I feel I can't make it any better ( I hope that is possible 😉) so bear with me if you find any mistakes 🙂. Also, any comments on improving the blog are welcomed.

## Introduction
So let's start from the My introduction( which is long overdue 😔).
>My name is **Keertiraj**, I am from Karnataka, India ( Hoping someone from overseas going to read this 😎). I work as the Quality Assurance Engineer at FICO Bangalore ( Striving to get converted as Dev 😌). So I have worked with Java and C also have little experience in JavaScript. I have recently completed my Bachelor of Engineering in Information science and engineering from The National Institute of Engineering Mysore( Despite the Global pandemic due to COVID-19 😔).

## Reason For Starting To Write Blogs
So why I am going to write blogs/articles is because recently I read an article by `Catalina Pit` about the benefits of writing the  [Blog](https://catalins.tech/should-you-start-a-blog-as-a-developer)  so wanted to try that as I have started to learn Flutter for mobile app development. So I will be posting blogs/articles about what have I have learned by following the courses I have joined or any documentation I have read. The main reason for writing the blog would be that I can make a note of what I learned about the Flutter and issues I have faced during my learnings that may provide some help to others who may be facing the same issues or maybe used as a resource for learning( We'll I hope so 😁).

## Thank You
If you have read till here First let me thank you for giving me 3 mins of your life( well according to Hashnode it's 3 min read so who are we to argue 🤣) and keep supporting me through reading my future blogs/articles if you find it worth reading.

さよなら (Don't worry that is Saynora meaning Good-Bye in Japanese translated with Google Translate so 100% verified 😎)

Thank You 🙏
HTTP Status Codes
Tags: beginners, devops, webdev, computerscience
Published: 2020-12-08 04:30:25

### What are they and what are they for?

## <span style="color:blue">1XX - Informational</span>

> Indicates only one information. Examples:

100 - Continue.
102 - Processing

## 2XX - Success

> Indicates successful request. Examples:

200 - OK
201 - Created
202 - Accepted

## 3XX - Redirection

> Indicates a redial. Examples:

301 - Moved Permanently
308 - Permanent Redirect

## 4XX - Client Error

> Indicates an error on the client side. An example that we all face is when we enter the URL incorrectly. Examples:

400 - Bad Request
401 - Unauthorized
403 - Forbidden
404 - Not found

## 5XX - Server Error

> Indicator an error on the server side. Examples:

500 - Internal Server Error
502 Bad Gateway
503 - Service Unavailable
Create a Bar of Pie Chart in Excel Office 365!! – [Easy Way]
Tags: createabarofpiechart, excelcharts, exceltutorials
Published: 2020-12-08 10:14:01

---
title: Create a Bar of Pie Chart in Excel Office 365!! – [Easy Way]
published: true
date: 2020-12-08 04:29:50 UTC
tags: CreateaBarofPieChart,ExcelCharts,ExcelTutorials
canonical_url: https://geekexcel.com/create-a-bar-of-pie-chart-in-excel-office-365-easy-way/
---

A **Bar of Pie Chart** is a type of pie chart that has a bar attached to it. This bar has a group of values separately. It is also a built-in chart type in MS Excel. Bar of Pie can express a **part-to-whole** relationship and all the pieces together represent **100%.** In this article, we are going to see how to **Create a Bar of Pie Chart in Excel Office 365**.

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

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

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

- Then, on the **Insert Tab, select** the  **Pie**   **or Doughnut**   **Chart ** drop-down list under the **Charts** section.
- You need to **select** the **Bar of Pie Chart** option.

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

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

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

## Pros and Cons:

### Pros:

- It is a simple way to handle more categories in a pie chart.
- You can read this chart with limited categories.
- Excel will calculate and display the percentage as data labels automatically.

### Cons:

- It is difficult to compare the relative size of the slices.
- This is 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 Bar of Pie Chart in Excel Office 365**. Leave your **feedback** in the comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!
What STACK do you choose and why? 
Tags: vue, react, django, javascript
Published: 2020-12-08 04:20:11

What stack do you choose and when? I’m getting into using React and Django together,
But do I need Next.JS? I also like Vue. 

Is it often you use Django as a backend? Or what’s your choice?
I’ve been using Sqlite3 with Django, but is that good? I’m looking into GrapgQL, MongoDB and Next.JS