Gist e68d29dec15f818945e4

100%

Gist e68d29dec15f818945e4

✓ Published0🌍 Public

Last edited Mar 22, 2015

Created on Mar 22, 2015

This example shows PISA 2012 assessment scores across OECD countries, comparing performance in math, reading, and science between boys and girls. A Python script using the `csv` module reads the wide-format dataset, transposes it into a tidy long format with country, subject, gender, and value columns, and writes the reshaped data to a new file. The visualization likely maps gaps between male and female scores across subjects and nations, using the original PISA data.

AI-generated description

Similar vizzes

Loading thumbnail…

Student Performance

This visualization compares student performance in math and reading scores, colored by gender, with tooltips revealing parental level of education. Each point represents an individual student from the Kaggle dataset, plotted without a zero baseline to emphasize score distribution. The chart is built using Vega-Lite API within a D3.js v5 framework, loading CSV data via d3.csv and rendering as an SVG with custom configuration for axis styling and tooltip formatting.

Ssamemurk21

61% match

Loading thumbnail…

Student Performance Between Male & Female

This scatterplot compares male and female student performance by plotting math scores against writing scores, with gender encoded by color and parental education level available via tooltip. The visualization reveals that males tend to score higher in math, while females lead in writing and reading, with two notable female outliers from low-education backgrounds. Built with React and Vega-Lite API (vl), the code loads CSV data via d3.csv from a GitHub gist, uses a drop-down selector, and renders an interactive SVG with a custom dark theme and tooltip handler.

Ssamemurk21

60% match

Loading thumbnail…

Math Scores Bar Chart

This bar chart visualizes the count of male and female students in a math performance dataset, using two bars to compare the totals. The chart is rendered as an SVG using D3.js v7, with bars drawn via `d3.selectAll` and `rect` elements. Data is loaded asynchronously from a remote CSV file using `d3.csv`, then filtered by gender to compute counts. Axes are generated with `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the numeric y-axis, with tick marks added via `d3.axisBottom` and `d3.axisLeft`. The visualization is presented in a 400x400 pixel SVG container, with margins for axis labels.

RRohith Reddy

59% match

Loading thumbnail…

Student Performance Between Male & Female

A scatterplot compares male and female student performance by plotting math scores against writing scores, with gender encoded as color. The visualization reveals that males tend to score higher in math while females score higher in writing, highlighting a notable difference in achievement across subjects. Data comes from a CSV file on student performance, and the chart is built using vega-lite and D3 within a React framework. The code employs vega-lite's markCircle for plotting and encodes the parental level of education as a tooltip.

KKeerthiKandadai

59% match

Loading thumbnail…

Gist 53ab412b2be670388711

This example visualizes data from a CSV file containing country statistics, including metrics like population, birth rate, and electricity consumption. It uses D3.js to render a scatter plot, positioning countries based on their birth rate and death rate, with the size of each circle representing population. The axes include a linear scale for birth rate and death rate, and the visualization includes interactive features like hover tooltips and zooming. Data is parsed from the CSV using `d3.csv` and scales are defined with `d3.scaleLinear` and `d3.scaleSqrt`.

LLTymn

58% match

Loading thumbnail…

Gapminder

This visualization recreates the classic Gapminder bubble chart, plotting countries as circles on a grid of female literacy rate (x-axis) against fertility rate (y-axis). Circle area encodes population, and color maps to continent. The chart is rendered with D3 v5 using SVG, with country names from the CSV appearing in French. The data highlights global patterns, such as the clustering of high-fertility African nations at the lower right and the concentration of European and Asian countries with higher literacy and lower fertility at the upper left.

JJuanma-GP

57% match

Loading thumbnail…

Student Performance Between Male & Female

This visualization compares male and female student performance across departments, revealing that males tend to score higher in math while females excel in writing and reading. The scatter plot, built with Vega-Lite and d3, uses circle marks colored by gender and tooltips showing module codes. Data is loaded from a remote CSV file. The visualization highlights two female outliers and shows lower scores for students whose parents lack a college degree.

KKeerthiKandadai

57% match

Loading thumbnail…

Gender Inequality Indices

A horizontal bar chart shows the share of parliamentary seats held by women across countries, sorted from highest to lowest percentage. D3 v3 loads the CSV data, sorts it, and renders SVG rectangles scaled by the value. The code uses `d3.scale.linear` for the bar widths, `d3.scale.ordinal` for country positions, and `d3.svg.axis` for labeled axes. Hovering a bar reveals a tooltip with the country name and its exact value.

BBeaupe

56% match