Skip to content

Instantly share code, notes, and snippets.

View ravi4j's full-sized avatar

Ravi Sharma ravi4j

0 followers · 2 following
  • Irving , TX
View GitHub Profile
@ravi4j
ravi4j / index.html
Last active July 30, 2017 22:11
Largest rectangle in histogram
<!DOCTYPE html>
<head>
<title>Largest Rectangle</title>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://unpkg.com/vue"></script>
<style>
body {
width: 100%;
@ravi4j
ravi4j / index.html
Last active July 30, 2017 17:49
Zoom demo : https://bl.ocks.org/ravi4j/cafbc582f41922410d2ed77ee2f7b3de
<!DOCTYPE html>
<head>
<title>Welcome to Vue</title>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://unpkg.com/vue"></script>
<style>
body {
width: 100%;
@ravi4j
ravi4j / animate-force-data.json
Last active July 30, 2017 17:45
D3 Force simulation using d3 and vue.js
{
"nodes": [
{
"id": "Alice"
},
{
"id": "Bob"
},
{
"id": "Carol"
@ravi4j
ravi4j / index.html
Created July 23, 2017 00:24
Binary Tree : D3 + Vue.js
<!DOCTYPE html>
<head>
<title>Welcome to Vue</title>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://unpkg.com/vue"></script>
<style>
body {
width: 100%;
@ravi4j
ravi4j / index.html
Last active July 22, 2017 19:35
Java script random function distribution visualization : d3 + vue.js
<!DOCTYPE html>
<head>
<title>Welcome to Vue</title>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://unpkg.com/vue"></script>
<style>
body {
width: 100%;
@ravi4j
ravi4j / index.html
Last active July 19, 2017 19:20
Thanks @mbostock. https://bl.ocks.org/ravi4j/861e8a3959bf86a306bbedc55718394b
<!-- Reference https://bl.ocks.org/mbostock/raw/999346/ -->
<!DOCTYPE html>
<meta charset="utf-8">
<style></style>
<body>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<script src="//d3js.org/d3.v3.min.js"></script>
<script src="myJs.js"></script>
<script>
myMove();