Post a link to your observable notebook prototype here.
note: make sure you either ‘publish‘ your notebook or ‘enable link sharing‘ on it so we can see what you’ve worked on.
Post a link to your observable notebook prototype here.
note: make sure you either ‘publish‘ your notebook or ‘enable link sharing‘ on it so we can see what you’ve worked on.
https://observablehq.com/@koffeeya/random-dragginess-and-color-contrast
This week was a bit of a grab bag. I explored generating randomly-colored squares that can be dragged around a canvas, as well as color contrast and accessibility.
https://observablehq.com/d/9862a250e8b77c7b
For this week’s prototype, I used Adobe illustrator (for the first time ever) to create a Mona Chalabi-esque bar graph exploring visa application approved vs rejected from Shengen Area for Algerian applicants.
https://observablehq.com/@awilde/network-of-new-york-state-campaign-donations
I wanted to know how to make a network with multiple different kinds of nodes. I was curious to see how cluttered the display would look when I added more data. This is 510 nodes and 1500 links.
I tried to take a stab at understanding how observables uses generators in animations. Unfortunately i ended up with more questions than answers. I was able to understand what a generator function was, and how it could potentially be used to iterate through values, and how that may help with animations, but I was confused at observable implemented generators. Here is my best shot at trying to explain it (along with questions i still have) plus the notebooks i used to understand how it worked.
my explanation – https://observablehq.com/@v-lax/overview-of-how-to-use-generators-in-observable
introduction to generators – https://observablehq.com/@observablehq/introduction-to-generators
generator cells, functions, and objects – https://observablehq.com/@observablehq/generator-cells-functions-and-objects
This is an introduction to the Time Value of Money (TVM).
https://observablehq.com/@kathiavf16/understanding-the-time-value-of-money-tmv
Somehow I went on a deep dives on both color theory and gsap and don’t have a ton to show for it. I did make a cool box generator though! https://observablehq.com/d/2e2859869b1f3e8f
For this prototype, I actually created my own json file to get an idea of how to properly format one and make it work successfully in a hierarchical tree. I wanted to have a better understanding of how to work with this kind of data. I have recently been binge-watching American Horror Story ? so my json file is built on the seasons and episodes of the show.
https://observablehq.com/d/19c4659d674c388d
I decided to take a look at the Voronoi diagram. Exploring the basic code, styling, and transitions I made a few examples of this Diagram. Planning to take it further and apply my knowledge for larger projects
https://observablehq.com/@nchikurova/voronoi
For this prototype, I decided to create a pie chart:
https://observablehq.com/d/b3a42b4970702737
Last one didn’t work, my b.
https://observablehq.com/@shaypepper/cubes
I decided to focus on data cleaning and exploration of my potential final project dataset this week, and while I didn’t have as much time as I hoped, I was able to successfully parse strings within my dataset and transform them into d3-readable data points!
https://observablehq.com/d/abb30c6300e8fe71
technically on time…? https://observablehq.com/d/8ebc69903a7c1119
This notebook is looking at age distribution of first-time voters. Sort of.
https://observablehq.com/d/f493ecce728d25c3
https://observablehq.com/@kianac23/force-directed-graph-11-17
Putting my data into a network graph for the first time to see how it looks