Skip to content

Instantly share code, notes, and snippets.

Avatar

Alok K. Shukla alokkshukla

13 followers · 42 following
View GitHub Profile
@alokkshukla
alokkshukla / README.md
Created September 3, 2017 10:37
View README.md

Introducing Axes

  • Visual features unlike scale .
d3.axisTop // Ticks on top
d3.axisBottom
d3.axisLeft
d3.axisRight // Ticks on right
@alokkshukla
alokkshukla / README.md
Created September 3, 2017 04:53
View README.md

Introducing Axes

  • Visual features unlike scale .
d3.axisTop // Ticks on top
d3.axisBottom
d3.axisLeft
d3.axisRight // Ticks on right
@alokkshukla
alokkshukla / .block
Created August 3, 2017 08:04
Line Chart
View .block
license: gpl-3.0
@alokkshukla
alokkshukla / .block
Last active August 3, 2017 08:01
d3-annotation: Responsive Types and Hover
View .block
license: mit
@alokkshukla
alokkshukla / .block
Created August 3, 2017 07:57
d3-annotation: Responsive Types and Hover
View .block
license: mit
@alokkshukla
alokkshukla / README.md
Last active October 2, 2020 00:44
Bubble Chart
View README.md

Simple Bubble Chart D3 v4

var color = d3.scaleOrdinal(d3.schemeCategory20);

var bubble = d3.pack(dataset)
            .size([diameter, diameter])
 .padding(1.5);
@alokkshukla
alokkshukla / README.md
Created July 27, 2017 09:04
Dynamic Bar Chart with Transitions
View README.md

Updates, Transitions, and Motion

Updating Visuals

Not smooth

  • For Bar chart, update dataset and update height, y values.



  


  




    


          
    

      

        
        

          

              @alokkshukla
          

          

            
                alokkshukla
                / README.md
            
            

              Last active
              July 27, 2017 06:12
            

              
                My first D3 Block : A Scatter plot
              
          

        

      

        

    
      View README.md
  

      

    
Introducing Axes


    

  • Visual features unlike scale .
    • 



d3.axisTop // Ticks on top
d3.axisBottom
d3.axisLeft
d3.axisRight // Ticks on right