A unique solution to achieve the goal of data visualisation and interaction

[Upervision]

I’m an undergraduate of the Hong Kong Polytechnic University(PolyU) and my major is Data Science and Artificial Intelligence. On my year 1, sem2, I’m studying a course called Digital Visualisation on New Media. Which uses Processing as a tool. I know processing is rarely used in data science and AI. But don’t you think it’s a great innovation by using Processing to cooperate with python?

[Upervision]

Here are some code that may be practical.

Sample data: Monthly sales figures (you can replace with your own data)

data = [120, 200, 150, 80, 300, 250, 180, 90, 220, 140, 100, 160]
months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]

bar_width = 30 # Width of each bar
max_value = max(data) # For scaling the y-axis

def setup():
size(500, 400) # Window size
background(255) # White background
noStroke() # No outlines on shapes
textSize(12) # Font size for labels

def draw():
background(255) # Clear the screen each frame
for i in range(len(data)):
x = 50 + i * (bar_width + 10) # Position bars horizontally
bar_height = map(data[i], 0, max_value, 0, 300) # Scale data to fit window
y = height - bar_height - 50 # Position from bottom

    # Change color on hover
    if mouseX > x and mouseX < x + bar_width and mouseY > y and mouseY < height - 50:
        fill(0, 200, 0)  # Green on hover
    else:
        fill(100, 150, 255)  # Blue default
    
    rect(x, y, bar_width, bar_height)  # Draw bar
    
    # Draw month labels
    fill(0)  # Black text
    text(months[i], x + 5, height - 30)

# Draw y-axis labels (simple scale)
for val in range(0, max_value + 1, 50):
    y_label = map(val, 0, max_value, height - 50, height - 350)
    text(str(val), 10, y_label)

def mousePressed():
# Check which bar was clicked and print its value (extend for more interaction, e.g., zoom or data export)
for i in range(len(data)):
x = 50 + i * (bar_width + 10)
bar_height = map(data[i], 0, max_value, 0, 300)
y = height - bar_height - 50
if mouseX > x and mouseX < x + bar_width and mouseY > y and mouseY < height - 50:
print("Clicked on {}: {}".format(months[i], data[i]))
break