Color Palettes

function_plotting_js.ipynb

from IPython.display import HTML

HTML("""

<script src='//d3js.org/d3.v3.min.js'></script>

<svg id='poly' style='background-color:silver;'></svg>

<script>

var mouse=[330,330],count=0;

var svg=d3.select('#poly')

          .attr('width',650).attr('height',650);

var g=svg.selectAll('g').data(d3.range(25)).enter()

         .append('g').attr('transform','translate('+mouse+')');

g.append('rect').attr('rx',7).attr('ry',7)

 .attr('x',-12.5).attr('y',-12.5)

 .attr('width',20).attr('height',20)

 .attr('transform',function(d,i){return 'scale('+(1-d/25)*20+')';})

 .style('fill',d3.scale.category20b());

g.datum(function(d){return {center:mouse.slice(),angle:0};});

svg.on('mousemove',function(){mouse=d3.mouse(this);});

d3.timer(function(){count++; 

g.attr('transform',

       function(d,i){d.center[0]+=(mouse[0]-d.center[0])/(i+1); 

d.center[1]+=(mouse[1]-d.center[1])/(i+1); 

d.angle+=Math.sin((count+i)/40)*7; 

return 'translate('+d.center+')rotate('+d.angle+')'});});

</script>""")

t-SNE Embedding

Data Visualizations

DataFrame Plotting

Tensor Operations

Graph Construction

Quivers

Magic Functions

Table Styling

Pylab Tables

Pattern Drawing 5

function_plotting_js.ipynb

from IPython.display import HTML

HTML("""<script src='https://code.highcharts.com/highcharts.js'></script>

<div id='container2' style='height:600px; width:600px; margin:0 auto'></div>

<script>

function getinteger(min,max) {return Math.floor(Math.random()*(max-min+1))+min;};

function ar(k,a,b) {return Array(12800).fill(k).map((k,t)=>

    [k*(Math.cos(0.001*t)+Math.sin(a*0.001*t)/2-Math.cos(b*0.001*t)/6),

     k*(Math.sin(0.001*t)+Math.cos(a*0.001*t)/2-Math.sin(b*0.001*t)/6)]);};

function col(i) {var r=getinteger(i,255),g=getinteger(i,255),b=getinteger(i,255);

                 return 'rgb('+r.toString()+','+g.toString()+','+b.toString()+')';}; 

var series=[]; var i; var n=3;

var a=getinteger(7,19),b=getinteger(18,64);

for (i=1; i<n+1; i++) {series.push({name:i.toString(),color:col(i),

                                    lineWidth:0.5,data:ar(i,a,b)})};

Highcharts.chart('container2', {

    chart:{type:'line',backgroundColor:'mintcream'},

    xAxis:{title:{text:'x'}},yAxis:{title:{text:'y'}},

    title:{text:'Random Parametric Plot: a,b = '+[a,b].toString()},

    credits:{enabled:false},legend:{enabled:false},series:series});

</script>""")

Pattern Drawing 4

function_plotting_js.ipynb

from IPython.display import HTML

HTML("""<script src='https://code.highcharts.com/highcharts.js'></script>

<div id='container3' style='height:600px; width:600px; margin:0 auto'></div>

<script>

function getinteger(min,max) {return Math.floor(Math.random()*(max-min+1))+min;};

function ar(k,a,b) {return Array(6400).fill(k).map((k,t)=>

    [Math.cos(0.001*t+k*Math.PI/6)+Math.cos(a*0.001*t)/2+Math.sin((a+b)*0.001*t)/3,

     Math.sin(0.001*t+k*Math.PI/6)+Math.sin(a*0.001*t)/2+Math.cos((a+b)*0.001*t)/3]);};

function col(i) {var r=getinteger(i,255),g=getinteger(i,255),b=getinteger(i,255);

                 return 'rgb('+r.toString()+','+g.toString()+','+b.toString()+')';}; 

var series=[]; var i; var n=6;

var a=getinteger(7,15),b=getinteger(10,48);

for (i=1; i<2*n+1; i++) {series.push({name:i.toString(),color:col(i),

                                      lineWidth:0.5,data:ar(i,a,b)})};

Highcharts.chart('container3', {

    chart:{type:'line',backgroundColor:'lavender'},

    xAxis:{title:{text:'x'}},yAxis:{title:{text:'y'}},

    title:{text:'Random Parametric Plot: a,b = '+[a,b].toString()},

    credits:{enabled:false},legend:{enabled:false},series:series});

</script>""")

Pattern Drawing 3

function_plotting_js.ipynb

from IPython.display import HTML

HTML("""<script src='https://code.highcharts.com/highcharts.js'></script>

<div id='container4' style='height:600px; width:600px; margin:0 auto'></div>

<script>

function getinteger(min,max) {return Math.floor(Math.random()*(max-min+1))+min;};

function ar(k,a,b) {return Array(6400).fill(k).map((k,t)=>

    [k*(Math.cos(0.001*t)+Math.cos(a*0.001*t)/2+Math.sin((a+b)*0.001*t)/3),

     k*(Math.sin(0.001*t)+Math.sin(a*0.001*t)/2+Math.cos((a+b)*0.001*t)/3)]);};

function col(i) {var r=getinteger(i,255),g=getinteger(i,255),b=getinteger(i,255);

                 return 'rgb('+r.toString()+','+g.toString()+','+b.toString()+')';}; 

var series=[]; var i; var n=4;

for (i=1; i<n+1; i++) {

    var a=getinteger(5,15),b=getinteger(10,24);

    series.push({name:[i,a,b].toString(),color:col(i),lineWidth:0.7,data:ar(i,a,b)})};

Highcharts.chart('container4', {

    chart:{type:'line',backgroundColor:'ghostwhite'},

    xAxis:{title:{text:'x'}},yAxis:{title:{text:'y'}},

    title:{text:'Random Parametric Plot'},credits:{enabled:false},

    legend:{enabled:false},series:series});

</script>""")

Pattern Drawing 2

function_plotting_js.ipynb

from IPython.display import HTML

HTML("""<script src='https://code.highcharts.com/highcharts.js'></script>

<div id='container5' style='height:600px; width:600px; margin:0 auto'></div>

<script>

function getinteger(min,max) {return Math.floor(Math.random()*(max-min+1))+min;};

function fx(a,b,c,d,t) {

    return Math.sin(0.001*t/6)+a*Math.sin(b*0.001*t)*Math.cos(0.001*t)+c*Math.sin(b*0.001*t)};

function fy(a,b,c,d,t) {

    return Math.cos(0.001*t/6)+a*Math.sin(b*0.001*t)*Math.sin(0.001*t)+c*Math.cos(d*b*0.001*t)};

function ar(k,a,b,c,d) {return Array(b*6400).fill(k).map((k,t)=>

                               [(1+0.01*k)*fx(a,b,c,d,t),(1+0.01*k)*fy(a,b,c,d,t)]);};

function col(i) {var r=getinteger(i,255),g=getinteger(i,255),b=getinteger(i,255);

                 return 'rgb('+r.toString()+','+g.toString()+','+b.toString()+')';}; 

var series=[]; var i; var n=2;

var a=0.5+Math.random(),c=0.01*getinteger(1,99),b=getinteger(6,18),d=getinteger(3,6);

for (i=1; i<n+1; i++) {series.push({name:i.toString(),color:col(i),

                                    lineWidth:0.3/i,data:ar(i,a,b,c,d)})};

Highcharts.chart('container5', {

    chart:{type:'line',backgroundColor:'mintcream'},

    xAxis:{title:{text:'x'}},yAxis:{title:{text:'y'}},

    title:{text:'Random Parametric Plot: a,b,c,d = '+[a,b,c,d].toString()},

    credits:{enabled:false},legend:{enabled:false},series:series});

</script>""")

Pattern Drawing

function_plotting_js.ipynb

from IPython.display import HTML

HTML("""<script src='https://code.highcharts.com/highcharts.js'></script>

<div id='container6' style='height:600px; width:600px; margin:0 auto'></div>

<script>

function getinteger(min,max) {return Math.floor(Math.random()*(max-min+1))+min;};

function fx(a,b,c,t) {

    return Math.sin(0.001*t/6)+a*Math.sin(b*0.001*t)*Math.cos(0.001*t)-c*Math.sin(16*b*0.001*t)};

function fy(a,b,c,t) {

    return Math.cos(0.001*t/6)+a*Math.sin(b*0.001*t)*Math.sin(0.001*t)-c*Math.cos(16*b*0.001*t)};

function ar(k,a,b,c) {return Array(b*12800).fill(k).map((k,t)=>

                             [(1+0.01*k)*fx(a,b,c,t),(1+0.01*k)*fy(a,b,c,t)]);};

function col(i) {var r=getinteger(i,255),g=getinteger(i,255),b=getinteger(i,255);

                 return 'rgb('+r.toString()+','+g.toString()+','+b.toString()+')';}; 

var series=[]; var i; var n=2;

var a=0.5+Math.random(),c=0.001*getinteger(1,99),b=getinteger(3,12);

for (i=1; i<n+1; i++) {series.push({name:i.toString(),color:col(i),

                                    lineWidth:0.6/i,data:ar(i,a,b,c)})};

Highcharts.chart('container6', {

    chart:{type:'line',backgroundColor:'mintcream'},

    xAxis:{title:{text:'x'}},yAxis:{title:{text:'y'}},

    title:{text:'Random Parametric Plot: a,b,c = '+[a,b,c].toString()},

    credits:{enabled:false},legend:{enabled:false},series:series});

</script>""")

Patterns by Polar & Parametric Plotting

function_plotting_py.ipynb

import numpy,pylab; pi=numpy.pi; t=numpy.arange(0,2*pi,.1**4)

def col(): return [numpy.append([1],numpy.random.random(2))]

def f(t): return numpy.exp(numpy.cos(t)**2+numpy.sin(t))-3*numpy.cos(4*t)

def fx(k,t): return .1*(k+1)*f(t)*numpy.cos(t)

def fy(k,t): return .1*(k+1)*f(t)*numpy.sin(t)

pylab.figure(figsize=(10,10)); ax=pylab.gca(); ax.set_facecolor('ivory')

[pylab.scatter(fx(i,t),fy(i,t),s=.1**3,c=col()) for i in range(12)]

pylab.grid(c='silver',alpha=.4); pylab.show()

"Pattern" Drawing by Functions 4

function_plotting_py.ipynb

import numpy,pylab; pi=numpy.pi 

def randi(nmin,nmax): return numpy.random.randint(nmin,nmax)

def t(i): return numpy.arange((i-1)*pi/24,i*pi/24,1/10**4)

def x(a,b,i,k): return numpy.cos(t(i)+k*pi/6)+numpy.cos(a*t(i))/2+numpy.sin((a+b)*t(i))/3

def y(a,b,i,k): return numpy.sin(t(i)+k*pi/6)+numpy.sin(a*t(i))/2+numpy.cos((a+b)*t(i))/3

A,B=randi(5,15),randi(10,36) 

pylab.figure(figsize=(10,10)); ax=pylab.gca(); ax.set_facecolor('ghostwhite')

for i in range(48):

  col=[numpy.random.random(3)]

  for k in range(12): pylab.scatter(x(A,B,i,k),y(A,B,i,k),s=.1**3,c=col)

pylab.title('a=%d; b=%d'%(A,B)); pylab.grid(); pylab.show()

"Pattern" Drawing by Functions 3

function_plotting_py.ipynb

import numpy,pylab; pi=numpy.pi 

def randi(nmin,nmax): return numpy.random.randint(nmin,nmax)

def x(a,b,t,k): return k*(numpy.cos(t)+numpy.cos(a*t)/2+numpy.sin((a+b)*t)/3)

def y(a,b,t,k): return k*(numpy.sin(t)+numpy.sin(a*t)/2+numpy.cos((a+b)*t)/3)

A,B=randi(5,11),randi(12,36); T=numpy.arange(0,2*pi,1/10**4)

pylab.figure(figsize=(10,10)); ax=pylab.gca(); ax.set_facecolor('ghostwhite')

for k in range(12):

    pylab.scatter(x(A,B,T,k),y(A,B,T,k),s=.1**3,c=[numpy.random.random(3)])

pylab.title('a=%d; b=%d'%(A,B)); pylab.grid(); pylab.show()

"Pattern" Drawing by Functions 2

function_plotting_py.ipynb

import numpy,pylab; pi=numpy.pi 

def randi(nmin,nmax): return numpy.random.randint(nmin,nmax)

def randc(a): return numpy.random.choice(a,1)[0]

a,c=(.5+numpy.random.random())*randc([-1,1]),.001*randi(1,99)*randc([-1,1])

b=randi(3,12); t=numpy.arange(0,16*b*pi,1/(720*b))

fx=numpy.sin(t/6)+a*numpy.sin(b*t)*numpy.cos(t)-c*numpy.sin(16*b*t)

fy=numpy.cos(t/6)+a*numpy.sin(b*t)*numpy.sin(t)-c*numpy.cos(16*b*t)

pylab.figure(figsize=(10,10)); ax=pylab.gca(); ax.set_facecolor('mintcream')

pylab.scatter(fx,fy,s=.1**4,c=[numpy.random.random(3)])

pylab.title(['a=%f'%a,'b=%d'%b,'c=%f'%c]); pylab.grid(); pylab.show()

"Pattern" Drawing by Functions

function_plotting_py.ipynb

import numpy,pylab; pi=numpy.pi 

def randi(nmin,nmax): return numpy.random.randint(nmin,nmax)

def randc(a): return numpy.random.choice(a,1)[0]

a,c=(.5+numpy.random.random())*randc([-1,1]),.01*randi(1,99)**randc([-1,1])

b,d=randi(6,18),randi(3,6); t=numpy.arange(0,8*b*pi,1/(720.*b))

fx=numpy.sin(t/6)+a*numpy.sin(b*t)*numpy.cos(t)+c*numpy.sin(b*t)

fy=numpy.cos(t/6)+a*numpy.sin(b*t)*numpy.sin(t)+c*numpy.cos(d*b*t)

pylab.figure(figsize=(10,10)); ax=pylab.gca(); ax.set_facecolor('lightgray')

pylab.scatter(fx,fy,s=.1**4,c=[numpy.random.random(3)])

pylab.title(['a=%f'%a,'b=%d'%b,'c=%f'%c,'d=%d'%d]); pylab.grid(); pylab.show()