Skip to content

Instantly share code, notes, and snippets.

Avatar

Ravi Sharma ravi4j

  • Irving , TX
View GitHub Profile
@ravi4j
ravi4j / index.html
Last active Jul 30, 2017
Largest rectangle in histogram
View index.html
<!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%;
View index.html
<!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 Jul 30, 2017
D3 Force simulation using d3 and vue.js
View animate-force-data.json
{
"nodes": [
{
"id": "Alice"
},
{
"id": "Bob"
},
{
"id": "Carol"
@ravi4j
ravi4j / index.html
Created Jul 23, 2017
Binary Tree : D3 + Vue.js
View index.html
<!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 Jul 22, 2017
Java script random function distribution visualization : d3 + vue.js
View index.html
<!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%;
View index.html
<!-- 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();