Hello, I’m Pedro, an software engineer student from Brazil, I’m also really in art. I’ve been thinking of of developing an interactive guide to Data Structures using p5.js. The objective is to teach data structures in the simplest way possible so that everyone, developer or not, could learn how to use them. My idea was to explain what is each data structure, using an interactive canvas, so that it becomes easy to visualize what’s the difference between them and show examples of how each data structure could be used in your sketch. I would really like to know your thoughts about this project. Do you think this would help people? Do you think there would be better ways of achieving this? Do you think it is a good project for GSOC? Any other thing you would like to add?

Thanks for sharing this idea! What kinds of data structures do you have in mind, specifically, and would there be a sequence / priority? Given that p5.js is JavaScript, would you be focusing on “JavaScript data structures”, or trying to teach a simulation of general data structure principles in JavaScript? I ask because JavaScript has some pretty specific limitations on primitive data structures. Would it be based on sequences / example sets that already exists in JavaScript, and porting them into interactive p5.js sketches? e.g. [image] trekhleb/javascript-algorithms 📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings - trekhleb/javascript-algorithms

I was thinking about focusing on introducing general data structure principles, focusing on how to use them and why would you use it by making a really begginer’s introduction to it. I was thinking about starting with, Arrays, Linked Lists, Doubly Linked Lists, Stacks, Queues and Priority Queues since they are simpler. I was thinking that each one could have a page that explains their principles and have a interactive p5.js sketch, to make it easy to visualize how they work and then having at least one example with an explanation and a sketch of an application of that data structure.

Hi @phe0 I wonder in the Dynamic Learning, an older GSoC, project might help with this project idea. https://github.com/processing/p5.js-website/blob/master/contributor_docs/i18n_contribution.md

I think this could be a very interesting project. @Jithin, the lead developer of Dynamic Learning, was also thinking about data structures and creative coding recently (see below). [image] Improving data structures and algorithms skills through creative coding Teaching It might be interesting to generate a couple of short lists: one of projects you’d like to tackle and another of data structures you’d like to use. It may take a few projects, but I bet you’ll find opportunities to apply each data structure where it’s best suited. For reference, I’m a fan of Allen Downey’s teaching style and use Think Java in my AP CS A course. His other Java book, Think Data Structures, was fun to work through as well–I built a search engine! Perhaps you can scaffold your proj…

sorry, what project? This link sends me to the internationalization documentation

[image] Visualizing STEM Education with Dynamic Learning by Ashneel Das, Google Summer of Code 2019 Reading time: 5 min read

Data Structures for non developers, GSOC 2020

Summer of Code

mcintyre March 16, 2020, 1:50pm 5

I think this could be a very interesting project. @Jithin, the lead developer of Dynamic Learning, was also thinking about data structures and creative coding recently (see below).

Topic		Replies	Views
GSOC 2019 - Algorithms and data structure visualization Summer of Code	2	1124	April 5, 2019
Addon Library Development - p5-dsa.js (GSOC) Summer of Code	2	432	April 2, 2021
Improving data structures and algorithms skills through creative coding Teaching	6	2032	October 5, 2019
Data Visualizations in p5.js Project Guidance	1	1343	March 29, 2021
Introducing Dynamic Learning Gallery	2	132	May 12, 2026

Data Structures for non developers, GSOC 2020

Related topics