Skip to content

Instantly share code, notes, and snippets.

Avatar
PRO

Pappu Kumar Pashi PappuKP

PRO
View GitHub Profile
@PappuKP
PappuKP / index.html
Created Aug 24, 2020
Project-2: Visualize Data with a Scatterplot Graph
View index.html
<!Doctype html>
<html lang="en-US">
<head>
<title>Scatter Plot</title>
<meta charset="utf-8">
<meta name="author" content="Anuj Yadav">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="description" content="Solution for scatterplot for freecodecamp project, this uses d3 library for charting purpose">
<!--<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>-->
@PappuKP
PappuKP / index.html
Created Aug 24, 2020
Project-4: Visualize Data with a Choropleth Map
View index.html
<!Doctype html>
<html lang="en-US">
<head>
<title>Choropleth Map</title>
<meta charset="utf-8">
<meta name="author" content="Anuj Yadav">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="description" content="Solution for Choropleth Map for freecodecamp project, this uses d3 library for charting purpose">
<!--<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>-->
<script src="https://d3js.org/d3.v5.min.js"></script>
@PappuKP
PappuKP / index.html
Created Aug 24, 2020
Project-3: Visualize Data with a Heat Map
View index.html
<!Doctype html>
<html lang="en-US">
<head>
<title>Heat Map</title>
<meta charset="utf-8">
<meta name="author" content="Anuj Yadav">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="description" content="Solution for heat map for freecodecamp project, this uses d3 library for charting purpose">
<!--<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>-->
<script src="https://d3js.org/d3.v5.min.js"></script>
@PappuKP
PappuKP / index.html
Created Aug 24, 2020
Project-1: Visualize Data with a Bar Chart
View index.html
<!Doctype html>
<html lang="en-US">
<head>
<title>D3 Bar Graph</title>
<meta charset="utf-8">
<meta name="author" content="Anuj Yadav">
<meta name="viewport" content="width=device-width, initial-scale:1.0">
<meta name="description" content="Bar Chart implementation with United States GDP data">
<script src="https://d3js.org/d3.v5.min.js"></script>
<!--<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>-->
@PappuKP
PappuKP / index.html
Created Aug 24, 2020
Project-5: Visualize Data with a Treemap Diagram
View index.html
<!Doctype html>
<html lang-"en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, width=device-width">
<meta name="author" content="Anuj Yadav">
<meta name="description" content="This is implementation of heat map using d3.js chart libraray for free code camp solution">
<meta name="keywords" content="d3.js,D3,charts,heatmap,freecodecamp,js,babel,html5">
<link rel="stylesheet" href="./style.css">
<script src="./script.babel"></script>
@PappuKP
PappuKP / index.html
Created Aug 24, 2020
Rock Paper Scissors
View index.html
<div class="container">
<header class="header">
<h1>Rock Paper Scissors</h1>
<button id="restart" class="restart-btn">Restart Game</button>
<div id="score" class="score">
<p>Player: 0</p>
<p>Computer: 0</p>
</div>
</header>
<h2>Make Your Selection</h2>
@PappuKP
PappuKP / index.html
Created Aug 24, 2020
Vuetify Example Pen
View index.html
<div id="app">
<v-app id="inspire">
<v-form>
<v-container fluid>
<v-layout row wrap>
<v-flex xs12 sm6>
<v-text-field
v-model="password"
:append-icon="show1 ? 'visibility_off' : 'visibility'"
View terminal-cheat-sheet.txt
# Terminal Cheat Sheet
pwd # print working directory
ls # list files in directory
cd # change directory
~ # home directory
.. # up one directory
- # previous working directory
help # get help
-h # get help
@PappuKP
PappuKP / index.html
Created Aug 7, 2020
JavaScript Calculator - FreeCodeCamp
View index.html
<!-- NavBar -->
<nav class="navbar fixed-bottom navbar-toggleable-md navbar-inverse">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="container">
<a class="navbar-brand" href="#"><img src="https://user-images.githubusercontent.com/46879554/89633996-46205300-d8c2-11ea-9304-38a348fd0c23.png" width="30px" height="30px" alt="logo"> Pappu Kumar Pashi</a>
<div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
<ul class="navbar-nav">