teleren/devto huggingface dataset:
Tracking COVID-19 Vaccinations in Chicago: Release Notes
Tags: elm, functional, rescript, showdev
Published: 2021-01-04 15:53:26

---
title: Tracking COVID-19 Vaccinations in Chicago: Release Notes
published: true
date: 2021-01-01 00:00:00 UTC
tags: ["elm", "functional", "rescript", "showdev"]
canonical_url: https://webbureaucrat.gitlab.io/posts/tracking-COVID-19-vaccinations-in-chicago-release-notes/
---

Happy New Year, and thank you for reading! I am delighted to announce that the City of Chicago has started reporting daily statistics on COVID-19 vaccinations, and so am I. This article will detail recent changes as well as changes to come in the near future.

### New tab added to display vaccination data

Right now, the new tab for displaying vaccination data is already in production at [https://chicagotestout.gitlab.io/](https://chicagotestout.gitlab.io/) with some basic information. Right now I'm charting the total vaccinations given out per day but displaying more detailed information on the table below.

At the time of this post, it looks like Chicago is administering about 3,000 vaccinations per day, all of them first vaccinations (meaning no one in the city so far has received a complete two-dose vaccination series).

I've written previously on [the importance of citing official sources](https://webbureaucrat.gitlab.io/posts/chicago-test-out-moving-to-by-test-data). It is my intention that all of the data on the vaccinations tab will come from this [city vaccination data set](https://data.cityofchicago.org/Health-Human-Services/COVID-19-Daily-Vaccinations-Chicago-Residents/2vhs-cf6b).

### Future plans include more detailed charting and useful data columns

Eventually, someone somewhere in the city will get their second vaccination, and I'll be able to meaningfully differentiate between first vaccinations and total vaccinations in my vaccination chart. I intend to have a three line chart containing the volume of first vaccines, final vaccines, and the total per day.

I will also add a new chart for _percent of Chicagoans cumulatively vaccinated_ because I think that's a more useful metric.

Perhaps more importantly, the city is graciously providing columns indicating the percent of each demographic group that has been vaccinated, including how many Chicagoans have been vaccinated by age group. I am not displaying this data right now but intend to add those columns in the coming days and weeks.

### Happy Reading!

I started writing this site early last year to channel my fears and feel informed and empowered in these dark times. For the first time in a long time, my site is reporting unmitigated good news, and I'm honestly overwhelmed. Yes, continue staying home except for essential trips, and yes, continue masking and social distancing outside your home, but also take a beat just to celebrate the new year, the year we'll all be vaccinated.
Iteration and Loops in Computer Programming - The Basics
Published: 2020-12-31 23:59:15

Iteration is a common practice amongst programmers, this is something that is utilized quite frequently and worth having a deep understanding about it! No matter what language you are programming in or what you are building, iteration will probably be needed! 

Iteration is a process where a set of instructions are repeated in a sequence, a certain number of times or until a condition is met. When the first set of instructions is executed more than once, it is called an iteration. When a sequence of instructions is executed in a repeated manner, it is then called a loop. Iteration and loops can be extremely powerful when used in the right context!

For example, let's say you have a database of 500 customers and you need to get the information on each customer so that you may mail each one a holiday card. This would be a great scenario to utilize iteration and a loop to print out each customer. Personally, I would use the common “for loop” similar to this:
```
for (int i=0;i<500;i++)
{
\\Print customerName and customerAddress
}
```
 
The way this for loop works is that i is an iterator starting from the customer record, every time the loop is run, it prints the customer information. After printing the information, 1 is added to i and the process is repeated until i = 500!

I hope you enjoyed this quick blog post, thanks for stopping by!!
Pix AI DevLog: Day 3
Tags: dohackathon, react, devjournal
Published: 2020-12-31 23:02:07

# ...Been a long day 

Thought I could be done by today ... oh was I mistaken , it  has been a pretty annoying day honestly, I don't know if it's cos I wasn't used to detailing axios post requests headers or ....
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/zjn4o2r4t0aealgbif2j.gif)

Anyway after figuring out Calling 5 of the APIs with axios I was left with one more that proved to be daunting.... first I had to figure out how to convert the image to base64 and that became tiring, then after figuring that out I was still having bugs so I decided to give up....(needed a *break*) 

* Also I plan to share my GitHub repo when it's all done so any questions can be viewed from the code or contact me through my socials.

So anyway all that's left is to get responsiveness and that last API done by tomorrow. 

thanks for reading, ✌️
<bits/stdc++.h> in MacOS
Published: 2021-09-21 17:16:31

---
title: <bits/stdc++.h> in MacOS
published: true
date: 2020-12-31 23:00:00 UTC
tags: 
canonical_url: https://devmarkpro.com/fix-stdcpp-h-in-macos
---

The `stdc++.h` file is just a file with a bunch of `include`. the only thing that you have to do is to put this file in the default location of the c++ import files. Here's a quick way to add it in MacOS.

#### With XCode installed

create a file named `stdc++.h` in this path: (you should create `bits` folder first)

`/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include/c++/v1/bits`

#### Without XCode

create a file named `stdc++.h` in this path: (you should create `bits` folder first)

`/usr/local/include/bits`

Now, simply fill the created file with the content below:

```
// C++ includes used for precompiling -*- C++ -*-

// Copyright (C) 2003-2013 Free Software Foundation, Inc.
//
// This file is part of the GNU ISO C++ Library. This library is free
// software; you can redistribute it and/or modify it under the
// terms of the GNU General Public License as published by the
// Free Software Foundation; either version 3, or (at your option)
// any later version.

// This library is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.

// Under Section 7 of GPL version 3, you are granted additional
// permissions described in the GCC Runtime Library Exception, version
// 3.1, as published by the Free Software Foundation.

// You should have received a copy of the GNU General Public License and
// a copy of the GCC Runtime Library Exception along with this program;
// see the files COPYING3 and COPYING.RUNTIME respectively. If not, see
// <http://www.gnu.org/licenses/>.

/** @file stdc++.h
 * This is an implementation file for a precompiled header.
 */

// 17.4.1.2 Headers

// C
#ifndef _GLIBCXX_NO_ASSERT
#include <cassert>
#endif
#include <cctype>
#include <cerrno>
#include <cfloat>
#include <ciso646>
#include <climits>
#include <clocale>
#include <cmath>
#include <csetjmp>
#include <csignal>
#include <cstdarg>
#include <cstddef>
#include <cstdio>
#include <cstdlib>
#include <cstring>
#include <ctime>

#if __cplusplus >= 201103L
#include <ccomplex>
#include <cfenv>

```

or you can download the file and put it the right folder:

```
mkdir /usr/local/include/bits
curl https://gist.githubusercontent.com/devmarkpro/94d0b20a87bd0cc5f094a9b98336aa6d/raw/724c53e3210029f7bfd5dfa6254d124791547153/stdc++.h > /usr/local/include/bits/stdc++.h

```

NOTE: You have to repeat these steps each time that you update the `XCode Command-line Tools` so if you know a permanent solution for this problem, please share it in the comment section.
|YelpCamp| Adding Maps
Tags: javascript, html, css, webdev
Published: 2020-12-31 21:51:18

---
title: |YelpCamp| Adding Maps 
published: true
description: 
tags: javascript, html, css, webdev
//cover_image: https://direct_url_to_image.jpg
---

                     -Registering for Mapbox 
                     -Geocoding Our Locations 
                     -Working with GeoJSON 
                     -Displaying a map 



###Registering for Mapbox 
Adding maps to our application. 
Mapbox uses geocoding with latitude and longitude, however, the end user does not have to enter latitude and longitude for it to function. 


Must create an account first before can use it. 
https://www.mapbox.com/



###Geocoding Our Locations 


{% github mapbox/mapbox-sdk-js %}

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/r2fk5gox3oagvot3s1fo.png)


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/qng98is1wnw0brprx7ef.png)


###Working with GeoJSON 
GeoJSON follows a particular format where we have a type field that will be point 


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/gcnp6nc8nrgztnakt5qd.png)





![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/77xygvc2ykuzf2v66xza.png)



###Displaying a map 
Map box GL JS is a javscript library that uses WebGL to render interactive maps from vector tiles and mapbox styles. 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/r3iuiu5wq68teynyiby1.png)

To get started 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/dsuqgu8hw39djajzjjin.png)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/1nd7ki4lva27cftqufq1.png)


```javascript 

mapboxgl.accessToken = '<%-process.env.MAPBOX_TOKEN%>
const map = new mapboxgl.Map({
  container: 'map', 
  style: 'mapbox://styles/mapbox/streets-v11',
  center: [-74.5, 40], 
  zoom: 4
}); 

```
Goodbye 2020, Hello World 2021 !!
Tags: javascript, html, css, webdev
Published: 2020-12-31 22:20:24

---
title: Goodbye 2020, Hello World 2021 !! 
published: true 
description: 
tags: javascript, html, css, webdev
//cover_image: 
---

I am glad to have completely finish Colt Steele The Web Developer Bootcamp. There is a lot of information to take in, however, once I got started it became easier to understand the concepts. 

I will be going back to Colt Steele Advanced Web Developer Bootcamp course after I complete the Data Structures and Algorithms course. 

I am glad that Colt has made all these courses and that he actively keeps them up to date. I find it easier to follow along with the same instructor and teaching style. 

Anyways, I have enjoyed documentation my learning experience on dev a lot more than I first anticipated. I feel like it has kept me obligated to learning and having a living record that I can update and inform others along the way. 

Here to more learning in 2021 and beyond !!!
|YelpCamp| Deploying
Tags: javascript, html, css, webdev
Published: 2020-12-31 22:09:43

---
title: |YelpCamp| Deploying 
published: true
description: 
tags: javascript, html, css, webdev
//cover_image: https://direct_url_to_image.jpg
---

                      
                       -Heroku Setup 
                       -Pushing to Heroku 
                       -Fixing Heroku Errors 
                       -Configuring Heroku Env Variables 
 


###Heroku Setup 
Heroku is a platform to store and server applications. 

https://www.heroku.com/

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/md51et0tme2xsob6ithy.png)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/d98zy420nabtpszcmx5g.png)



###Pushing to Heroku 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ajyhdosoduzli2vv8lau.png)


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/aqeip4p4i4d93aayjyrt.png)

Adding application to Heroku
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/lc18fit96cpwlvlt0sqm.png)
Series: Building a POS. The Database
Tags: dohackathon, postgres
Published: 2020-12-31 22:02:17

---
title: Series: Building a POS. The Database
published: true
description: My submission to the DigitalOcean App Platform Hackathon! (Part 3)
tags: dohackathon, postgresql
cover_image: https://media.giphy.com/media/3o6MbfJXm9s14seESY/giphy.gif
series: Building a POS
---

### Category Submission
Built for Business

The year is ending and my work is overwhelming me. Nights without sleep 😢😢!. Well the product delivery is the cause. You understand me

### Look at this cool tool!
![dbdiagram.io](https://dev-to-uploads.s3.amazonaws.com/i/czndoo4wkfbea7clel6b.PNG)

[dbdiagram.io](https://dbdiagram.io/) its an online tool editor for the database design. In this case I show you my little POS diagram for this hackaton

Also I've installed PostgreSql in my PC 🐘!

So this how it's look like!
![My POS database!](https://dev-to-uploads.s3.amazonaws.com/i/a3ctlr8irjvo06tnijpw.PNG)
It's not beautiful? 💓😱😄

That's all for now. I'll publish more later!
Alias
Tags: archlinux, terminal, shortcuts
Published: 2020-12-31 21:47:24

if you are like me and you are always typing the same thing over and over on terminal. You might as well use alias aka shortcuts

I use zsh as my shell so I would go to .zshrc config file to add my personal alias.

so whenever I want to edit my zshrc
I just add this simple text

alias zshconfig='vim ~/.zshrc'

so when I am in my terminal, I just type zshconfig and it would automatically run the command.

I like to clear my terminal a lot and go back to Home, so instead of typing clear && cd

I made this shortcut

alias cclear='clear && cd'

now i just type in cclear and it does both commands for me automatically.

If you forget what aliases you have, go into terminal and type alias

Hope this helps!
DevAnalytics at DOHackathon: Extracted till I dropped
Tags: dohackathon, angular, typescript, devanalytics
Published: 2020-12-31 21:39:49

As I mentioned yesterday, I asked for coaching from on my mentees about Angular, so I became the mentee and she became the mentor.

Among others, she showed me how I can extract components in Angular, how I can and should `@Input`s instead of constructors.

Today, I went on this path and I ended up with 4 child components.
- One for article analytics
- One for tag analytics
- One for article stats cards
- And one for tag stats cards

I also finetuned a bit my styling, so the cards are nicely aligned even in between the rows.

I feel that now I have what I originally wanted and I'm kind of happy with how it looks like - given that I'm a backend person and I prefer the command line to any UI in general.

But I still have 10 days until submission, so I'm going to enhance a bit the statistics [DevAnalytics](https://dev-analytics-frontend-tudwb.ondigitalocean.app/) offer.

Until then, [feel free to try](https://dev-analytics-frontend-tudwb.ondigitalocean.app/) and leave any suggestions you might have.
HotTea: v0.12a released. (AND I want feedback).
Tags: javascript, webdev, typescript, help
Published: 2020-12-31 21:21:19

I've released another mini-update (containing 3 new features), and as it slowly starts to inch closer and closer to my envisionment PLUS MORE, I want to use this as a point to benchmark my project.

So, if you'd like to help me, please, try out [the latest version](https://github.com/CalinZBaenen/HotTea/tree/main/0.12a) of [HotTea](https://github.com/CalinZBaenen/HotTea/), and give me feedback.
I'd love to hear what you all have to say about it, and how well it lives of to the hype, and expectations of being an okay addition to JS, to make it more like a typed language.


<div alt="Thanks for reading(, testing, and providing feedback)! Cheers!">
##<b><center><b>Thanks for reading(, testing, and providing feedback)!<br/>Cheers!
</div>
Draw Interactive Tree Map with Jupyter Dash Only 2lines
Tags: python, jupyternotebook, dataviz
Published: 2020-12-31 21:07:52

In this post, I will show you how to draw tree-map with a sample dataset on Google Colab

{% github plotly/jupyter-dash %}



## Step1 Install packages
```
!pip install jupyter_dash
!pip install --upgrade plotly 
```


## Step2 Import packages

```python
import dash 
from jupyter_dash import JupyterDash 
import dash_core_components as dcc 
import dash_html_components as html 
import plotly.express as px
from dash.dependencies import Input, Output
```

## Step3 Load dataset and draw tree-map
```python
gapminder = px.data.gapminder() # load data
gapminder.head() # display data

# tree-map
gapminder['board'] = 'world'
px.treemap(gapminder, path=['board', 'year', 'country'], values='pop')
```

You will see the following
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/l25cu10kac09sl2xwo2e.png)


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/u8yqfn3v7dgk0tbh7ypx.png)
|YelpCamp| Image Upload
Tags: javascript, html, css, webdev
Published: 2020-12-31 21:00:19

---
title: |YelpCamp| Image Upload 
published: true
description: 
tags: javascript, html, css, webdev
//cover_image: https://direct_url_to_image.jpg
---
 
                    -Intro to image upload process
                    -The Multer Middleware 
                    -Environment Variables with dotenv 
                    -Storing Uploaded Image Links in Mongo 
                    -Customizing File Input 
                    -Deleting Images Form 
                    -Deleting Images Backend 
                    -Adding a thumbnail virtual property 





###Intro to image upload process
Cloudinary will be used to store information. It will store pictures and videos on their servers and database that will be used in the application.

The process is an user uploads something, the data is sent elsewhere, then the URL is stored in the application document


https://cloudinary.com/



###The Multer Middleware 
On a HTML form the encoding attribute is imporant. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/dcxrj19fsjpx7cahbnl5.png)


On the form there needs to be an encoding type. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/emz7f7z9b1yfggff0be8.png)

```html

<form action="/campgrounds" method="POST" novalidate class="validated-form" enctype="multipart/form-data"> 

```

then an input type 

```html

<input type="file" name="image" id="">

```


{% github expressjs/multer %}

Multer adds a body object and a file or files object to the request object. The body object contains the value of the text fields of the form, the file or files object contains the files uploaded via the form. 



###Environment Variables with dotenv 
Dotenv is a dependency module that loads environment variables from a .env file into process.env. Storing configuration in the environment separate from code. 

{% github motdotla/dotenv %}

To not embed directly any API credentials or secret keys inside the application, therefore, they are stored in a secret file. The secret code is really a file that is not included when the code is submitted. The file is .env extension. 


####creating an env file in the project 

```javascript 

CLOUDINARY_CLOUD_NAME=secretcode
CLOUDINARY_KEY=secretkey
CLOUDINARY_SECRET=secretsecret

```




###Storing Uploaded Image Links in Mongo 

```javascript

const storage = new CloudinaryStorage({
   cloudinary,
   params: {
     folder: 'YelpCamp',
     allowedFormats: ['jpeg', 'png', 'jpg']
  }
 });

```

in the database 
```javascript

{

filedname: 'image',
orignalname: 'rainier.png',
encoding: '7bit',
mimetype: 'image/png',
path: 'https://res/cloudinary.com/douqbebwk/image/upload/v1600059980/YelpCamp/yx4ecgt54yk8afhc4wyxd.png',
size: 487725,
filename: 'YelpCamp/yx4ecgt5yk8afhc4wyxd'
  }
}

```
Educative Season 1 Recap
Tags: educative, podcast, interview, vidcast
Published: 2020-12-31 20:58:01

In our first run of Educative Sessions, we finished 31 episodes over a period of 3 months! Here are highlights from most of those episodes and a call for anyone to join us for our next run of Sessions! Thank you for your support!

*Watch on YouTube:* {% youtube P-5HK9_XegY %}
*More Sessions:* [https://www.youtube.com/channel/UCT_8FqzTIr2Q1BOtvX_DPPw/?sub_confirmation=1](https://www.youtube.com/channel/UCT_8FqzTIr2Q1BOtvX_DPPw/?sub_confirmation=1)
*Listen to the Podcast:* [https://educativesessions.podbean.com](https://educativesessions.podbean.com)
Validating Navigation in Xamarin.Forms
Tags: xamarinforms, mobile
Published: 2020-12-31 20:34:36

Sometimes you want to check some rules before navigating. Did the user leave edits behind accidentally? Are they trying to go back when you don't want them to? Shell provides navigation hooks for you to intercept and make those decisions.

{% youtube gXLRIy1_284 %}

### Resources
- [Docs: Navigating Events](https://docs.microsoft.com/xamarin/xamarin-forms/app-fundamentals/shell/navigation#navigation-events)

{% github davidortinau/Xappy %}
Benchmark your computers with real-world Web Development Tools
Tags: webdev, javascript, tool, benchmark
Published: 2020-12-31 20:31:08

---
title: Benchmark your computers with real-world Web Development Tools
published: true
description: 
tags: webdev, javascript, tool, benchmark
cover_image: https://images.unsplash.com/photo-1561883088-039e53143d73?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80
---

Recently I realized that I own multiple computers for web development. I wanted to know which one can run my Web Dev Tools faster and more efficiently. So, I created this simple script to benchmark them by running my regular tools like CRA, express generator etc. and measure the time.

Usually, we assume that a newer, more expensive computers should be faster than an old one. That is true but how much faster? We will need some numbers to prove that. And nothing is better than the performance results from real-world development tools.

### How does it work?

- The run.sh script will temporarily generate a CRA webapp (benchmark1) and an Express NodeJS app (benchmark2).
- Then it will run the usual npm commands like npm run build, npm run test, and measure the time (in seconds).
- Results will be added to this README.md file. (run git status to see the changes)

### Usage

- Node JS v15+
- This has been tested with Ubuntu, Debian, MacOS, Windows (with Cygwin).

```
- Clone and Run:
git clone https://github.com/ngduc/dev-benchmark.git
cd dev-benchmark
sh run.sh "Brand Model - OS - CPU - RAM - HDD"

- Run sh run.sh twice to get more accurate results. (due to caching)
Results
After running the script (run it twice for accurate results), the benchmark results (in seconds) will be added to this README.md file.
```
The result will look like this:
```
### HP 17z-ca300 - Ubuntu - AMD Ryzen 5 4500U - 16 GB DDR4-2666 SDRAM - SSD
#### CRA
- create 36.71
- npm run build 8.71
- npm run test 3.08
#### express
- create 18.55
- npm run build 3.90
- npm run test 4.82
```

You can create Pull Requests to add results of your computer performance to share with fellow developers.

Any ideas, feedbacks, suggestions are welcome. Thanks.

Github Repository: https://github.com/ngduc/dev-benchmark
DuckDuckGo cli in terminal?
Published: 2020-12-31 20:21:14

I personally haven't use googler, but I use ddgr for a quick search. 

sudo pacman -Ss ddgr
or
yay ddgr

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/lcuuhz7tcup9krqu0ks2.png)
Default web browser in Arch Linux
Tags: archlinux, default, browser
Published: 2020-12-31 20:18:10

I use Qutebrowser and I always forget the actual application name to run it.
When I use terminal and want a default browser to open up to Qutebrowser I have to change it.

In terminal:
*xdg-settings get default-web-browser* will show you the current default browser. Your might show up as chromium.desktop

if you want to switch it to Qutebrowser
type this
xdg-settings set default-web-browser org.qutebrowser.qutebrowser.desktop