Christy’s Documentation Blog

    Sudoku problems are puzzles that involve filling in a 9 × 9 grid with the numbers 1, 2, . . . , 9 such that in any row, column, or certain 3 × 3, blocks in the grid each number is used exactly once. The particular 3 × 3 blocks are the blocks … Continue reading Sudoku Game with Java

Data manipulation, pivot tables, plotting, spatial visualization https://colab.research.google.com/drive/1reTnZ0xc-HP2EgLdmkH9sF7v1m4jTG7j?usp=sharing   NYPD Crime Reports Dataset You are asked to analyze the dataset with all the valid felony, misdemeanor, and violation crimes reported to the New York City Police Department (NYPD) from 2006 to the end of 2022. We store the dataset in the MySQL database, given its … Continue reading NYPD Crimes: Data Analysis Using SQL and Pandas

  PROJECT PRESENTATION & REFLECTION Github Code Link https://github.com/christynatalisa/CCLab_Christy/tree/master/your_city Live View Link https://christynatalisa.github.io/CCLab_Christy/your_city Presentation Text (“for public use”): Your City – Christy Natalisa Interactive Vizualization The Project Subtitle  A tool where you can build your own city, whichever way you like.  Elevator Pitch “Your City” would be an interactive visualization with the topic of architecture/culture, … Continue reading Project B: CODE + [ Your City ]

Project Proposal (Project B) PROJECT PROPOSAL 1) Working Title and Elevator Pitch “Your City” would be an interactive visualization with the topic of architecture/culture, where the audience can generate a layout of their own city whichever way they like, using user input elements of sliders and buttons.  2) Concept This topic of architecture/culture would explore … Continue reading Project B. Proposal

  Mini Project #8: Pixel Manipulation / Generative Portraiture   Link to Project: https://editor.p5js.org/christynatalisa/sketches/pgRJzYPia Brief Description and Concept: This interactive portraiture project utilizes pixel manipulation techniques to alter the visual representation of the image/camera input, allowing us to create filters and different effects to change the visual output. Demo/Visual Documentation:   Development and Technical Implementation … Continue reading Mini Project #8: Interactive Portraiture

Interface Art GitHub Link https://github.com/christynatalisa/CCLab_Christy/tree/master/interface_art Live View https://christynatalisa.github.io/CCLab_Christy/interface_art Brief Description and Concept: explain what we are looking at. Demo/Visual Documentation: a well-shot screenshot or screen recording (for projects that move or are interactive) of your sketch. videos should be uploaded to youtube/google drive and inserted in your post (check out page 28 of Documentation 101 … Continue reading Mini Project #7 (10.R): Interface Art

Mini Project #6 (9.R): HTML Song Lyrics Link to Folder: https://drive.google.com/drive/folders/1A5uH8YEDAKUAs80YkI-BkLQn7nbdEdg9?usp=sharing         This HTML Song Lyrics project consists of a collection of Indonesian old songs, which also displays its lyrics and integrates user interactivity by changing the colors of the lines of lyrics when you hover over them.     In which … Continue reading Mini Project #6 (9.R): HTML Poem / Song Lyrics

The Blinking Peacock Link to Project : (Make sure to hit the space bar and mouse clicks!) https://editor.p5js.org/christynatalisa/sketches/XSRs44-UK Where to start? Thinking of real natural processes that I find visually appealing, I thought of how certain animals are able to generate beautiful patterns, such as how caterpillars are able to form organized spirals, and how … Continue reading Project A. Generative Visuals : The Blinking Peacock

  Imaginary Creature Flying Blobs Link to ps5Js Project Description This exercise is to develop a sketch with an imaginary creature that is drawn and animated by transformation functions, translate(), rotate() and scale(). It progresses following the steps below: Creating a vision about what are the main parts that make up the creature, how many … Continue reading Imaginary Creature Documentation