Questions tagged [visualization]
The art of visualization encompasses various methods used to craft compelling images, diagrams, or animations with the intention of effectively conveying a message.
I am currently experiencing issues with the d3.tool tip for my line charts. Additionally, I would like to adjust the y-axis scale to create larger gaps between the lines. Below are the codes used to generate the line charts: <!DOCTYPE html> <meta ...
import numpy as np import matplotlib.pyplot as plt data = np.random.random((10,10)) im = plt.imshow(data) plt.axis('off') plt.savefig("unique-question2.png",bbox_inches='tight',pad_inches=0) plt.show() What is the method fo ...
One method I have found simple and beneficial is loading a world map from geopandas datasets. Many others may also find this approach useful. To accomplish this, you can use the following code: import geopandas as gpd world = gpd.read_file(gpd.datasets.g ...
I am looking to enhance the appearance of subplot (Run_2) and subplot (Run_3) by changing their color, font to bold, and adding a black line square around them to make them stand out from the other two subplots. Additionally, I want to address the aspect r ...
I have a set of data that I need to visually represent as a graph on a web browser. While creating the graph itself is not an issue, I am looking to dynamically draw unique icons for each node. These icons are specific to the characteristics of each node ...
Good day, everyone. I am currently running some tests and would like to inquire if anyone has encountered a similar situation before. The issue at hand involves a horizontal bar chart with legends positioned at the top. As of now, using the settings orie ...
While I appreciate the plots generated by matplotlib and the ability to save them as SVG, there is a feature missing that I would like to see added... I am looking for a way to save the figure as an SVG file with embedded JavaScript code to add interactiv ...
I have utilized Plotly Express to segment different regions in Denmark. Is there a method to incorporate special characters (such as 'æ', 'ø', 'å')? Currently, when I hover over the cities on my map of Denmark, these unique ...
This datetime barChart is causing me some trouble. Interestingly, when I try to replicate the issue in a fiddle (check here), everything functions as expected. Please note that the data takes about 30 seconds to load from github. Below is the code for the ...
I need help with connecting a Python 3 script that runs on live data and calls a classification function to a window displaying images. The classifier function returns either a 0 or a 1, and I want the window to display an image based on this result. Belo ...
Looking to create a unique heatmap that incorporates both continuous and categorical data from the sample provided. The objective is to use hue for the category and opacity for the continuous values. An example dataset could be: import pandas as pd import ...
After coming across an image that caught my eye, I was inspired to recreate it using canvas: https://i.stack.imgur.com/fqk3m.png I've attempted drawing arcs starting from the center of the screen, but I'm struggling with getting their paths acc ...
Consider the sample code snippet below: %matplotlib notebook import matplotlib.pyplot as plt from cycler import cycler bar_cycler = (cycler(color=["#E69F00", "#56B4E9"]) + cycler(hatch=["/" , "o"])) p ...
Looking to create a parallel plot for a dataset with varying ranges? Check out this stunning javascript example on this website. I've prepared a sample dataset for testing and aiming to achieve a parallel plot with y-axis ticks and different-range y- ...
In order to display a bar plot of measures where some values are significantly higher than others, I attempted to use a log scale and implement an outlier filtering step before plotting. I also wanted to try using an axis break to hide a large chunk of y ...
I have a substantial amount of data stored in a SQLite database, totaling 224,000 rows. I am looking to extract time series information from this data to utilize in a data visualization tool. Each row in the database represents an event and includes inform ...
Can Victory charts be used to create a grid layout similar to this? https://i.stack.imgur.com/DMxKu.png Currently, I'm only able to achieve a grid with both vertical and horizontal lines on top of my bars like this: https://i.stack.imgur.com/ywDFL. ...
I'm having trouble with the labels in my Vega graph extending beyond the symbols. How can I adjust the width of a symbol to accommodate longer labels? Update: Is there a method to increase the width of a symbol mark? Here is a Force Transform force- ...
I am working on a D3 Bar Chart and I would like it to have horizontal panning functionality similar to this example: https://jsfiddle.net/Cayman/vpn8mz4g/1/. However, I am facing an overflow issue on the left side that I need to resolve. Below is the CSV ...
I have the following dataset: df = pd.DataFrame({'group': ['Red', 'Red', 'Red', 'Blue', 'Blue', 'Blue'], 'valueA_found': [10, 40, 50, 20, 50, 70], ...
In my Vega chart, I am trying to dynamically change the width of a bar based on the position of a slider. Here is the code snippet: { "$schema": "https://vega.github.io/schema/vega/v4.json", "width": 400, "height": 50, "padding ...
I encountered an issue while trying to set up my local dev environment following the steps given in this guide . The problem arose when I attempted to run the npm install command and it seems that I am facing some access restrictions preventing me from cop ...
Is there a solution when assigning two sub names (Same name) for the same superior and only one sub level is displayed? <html> <head> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script ...
Currently, I am utilizing the fantastic open3d Python library to visualize a point cloud. I have already obtained the normal vectors of these points and directly assigned them as shown below: pcd = o3d.geometry.PointCloud() pcd.points = o3d.utilit ...
I have created a chart using Vega-Lite and added a gradient to the bar color. However, now I would like to create a parameter for the colors defined in the gradient. Basically, I want to bind a parameter to the gradient but my attempts with making a ' ...
After installing Wordpress and the d3js plugin, I'm looking for the most effective way to upload data in order to create and display graphs on my website. Should I directly upload csv files? And if so, where should I store them? If I prefer storing ...
Issue: I am working with a dataset containing 3D coordinates (x,y,z) and I am trying to visualize the hull of each cluster individually, while maintaining the intricate spatial structures present in the data. Examples of such complex structures can be seen ...
When creating a map in Folium with multiple layers, each containing shaded areas (utilizing GeoJSON) colored by a colormap, I encountered an issue with adding legends to my layers. An initial solution was found here, but it posed problems as the legend rem ...
I've been in search of javascript code that can help me create a visual representation similar to this example. Specifically, I need something that can display links between boxes when clicked on or hovered over. I'm still not sure what this par ...
I need help creating a dynamic dashboard gauge that updates using ajax. The code snippet below shows what I have so far, but I'm struggling with updating the gauge itself. Any advice or suggestions on how to achieve this? google.load('v ...
I am currently working with trajectory data that includes individual start times for each vehicle. Each vehicle represents a point in an animation, with coordinates (x,y) and timestamps provided in the dataset. Using a fixed time interval does not suit my ...
I'm currently working on visualizing electoral data from Malaysia using Vega-Lite. The dataset I'm using includes information about the seats won by each political party in each state during both the 14th and 15th elections. You can access the da ...
I've been attempting to create a D3.js chart similar to the one shown in the first screenshot: While I can easily replicate a chart like the second screenshot using the default examples, the challenge arises when I try to round only the top corners o ...
I am working with a Hierarchical Edge Bundling visualization in JS. My goal is to have the name of the value displayed on the table when I click on it. Currently, I am facing an issue with retrieving the value dynamically. If I manually input a value, I c ...
My component generates HTML for a simple bar chart, with the height and background color computed within the component. Everything functions correctly, but I am facing an issue where long text causes displacement of the bar above it. Another problem is th ...
Is it possible to achieve this visualization using matplotlib or other tools in the Anaconda distribution? While I am familiar with doing this in JavaScript, I'm exploring if it can be done within my Jupyter notebook. The scenario involves multiple t ...
I am currently working on constructing a graph that illustrates the data for the Amount of Resources utilized Per Project by creating a bar graph. I am aiming to customize the colors of the bars so that each one has its own unique color. Currently, the col ...