UdochukwuNweke

@UdochukwuNweke·9 public vizzes

A4

This bar chart displays the total government aid donations in USD for nine countries, revealing Germany as the top donor followed closely by the United States. The visualization uses SVG rectangles rendered with D3.js v4, encoding donation amounts through vertical spatial position on a linear scale while countries are positioned along a categorical horizontal band scale. The code loads data from a CSV file, applies d3.scaleBand and d3.scaleLinear for axes, and uses d3.axisBottom and d3.axisLeft to generate the chart’s labeled axes.

Feb 7, 2018

Loading thumbnail…

A4

This line chart shows the total amount donated by all countries each year from 1991 to 2010, with the vertical position encoding the donation amount and the horizontal position encoding the year. The visualization reveals low donation levels in the early 1990s, spikes in 1995 and 1998, and an upward trend after 2003. The code uses d3.tsv to load the data, d3.scaleTime and d3.scaleLinear for the axes, and d3.line to draw the steelblue path, with axes rendered via d3.axisBottom and d3.axisLeft.

Feb 7, 2018

Loading thumbnail…

S18 - HW 3 - Bar Chart

This bar chart visualizes the frequency of letter usage in the English language using a vertical bar for each of the 26 letters. The chart uses a line mark (rectangles) with vertical spatial position encoding frequency values and horizontal position encoding letters, as an ordered data type. It employs d3-dsv to parse the tab-separated data, d3-scale for position encodings, and d3-axis for axes. The first chart uses a categorical color scheme, while the second chart applies a sequential blue color scale where saturation encodes frequency, with the most frequent letter (E) shown in the highest intensity. Both charts use conventional margins, d3-scaleBand for the x-axis, and d3-scaleLinear for the y-axis, with axes labeled accordingly. </script> </body> </html> S18 - HW 3 - Bar Chart This visualization presents two bar charts displaying the frequency of letter usage in the English language, based on a TSV dataset. The charts use vertical and horizontal spatial positions as primary channels: the y-axis encodes letter frequency, while the x-axis represents each letter. The first chart uses a categorical color palette to distinguish bars, while the second chart applies a sequential color scale (interpolateBlues), where the intensity of the blue hue corresponds to the frequency—higher frequency letters like "E" appear with the highest intensity, and lower frequency letters like "Z" appear with the lowest. Both charts employ D3 v4 with SVG rendering, including axes, labels, and margins, and are designed to compare the distribution of letter frequencies in English. The data is ordered by frequency.

Jan 31, 2018

Loading thumbnail…

S18 - HW3 - Scatterplot

This scatterplot visualizes 2014 NCAA passing statistics, showing the relationship between passing touchdowns and rushing touchdowns for 121 players. Points are positioned by rushing TDs on the x-axis and passing TDs on the y-axis, with point size encoding player rank (higher rank = larger dot) and color hue encoding conference affiliation, supported by an interactive color legend. Built with D3 v4, the chart uses SVG circles with hover tooltips displaying player details, school, coordinates, conference, and rank, and includes axes with labels and a color legend for the 11 conferences.

Jan 31, 2018

Loading thumbnail…

S18 - HW3 - Scatterplot

This interactive scatterplot visualizes 2014 NCAA passing statistics, plotting rushing touchdowns against passing touchdowns for individual players. Each circle represents a player, with position encoded by the two quantitative axes. Hovering over a point triggers a tooltip that displays the player’s name, school, and exact touchdown values. The chart uses D3 v4 with SVG rendering, includes labeled axes, and incorporates smooth tooltip transitions for enhanced readability. Built with Blockbuilder.org and based on Mike Bostock's scatterplot example, it is licensed under MIT.

Jan 29, 2018

Loading thumbnail…

S18 - HW3 - Scatterplot

This scatterplot visualizes 2014 NCAA passing statistics, plotting rushing touchdowns on the x-axis against passing touchdowns on the y-axis for individual players. Each circle represents a player, with position determined by their touchdown counts in both categories. The visualization uses D3 v4 to render an SVG chart with axes, labels, and a semi-transparent tooltip that displays the player's name, school, and coordinates upon mouseover. The chart is based on a scatterplot example by Mike Bostock and includes a tooltip implementation adapted from d3noob. Data comes from sports-reference.com and the visualization was built with Blockbuilder.org. Hovering over a data point reveals detailed information about that player.

Jan 28, 2018

Loading thumbnail…

S18 - HW 3 - Bar Chart

This example displays two bar charts visualizing the frequency of letters in the English language, based on a TSV dataset. Built with D3 v4 and rendered as SVG, each chart uses d3.scaleBand for the x-axis (letters) and d3.scaleLinear for the y-axis (frequencies). The first chart applies a steelblue fill to the bars, while the second chart is identical in structure and data. The visualization incorporates conventional margins, axes with formatted ticks, and labels, following the classic D3 bar chart pattern. The code demonstrates key D3 features including d3-dsv for parsing tab-separated values, d3-scale for position encodings, d3-array for data processing, and d3-axis for rendering axes.

Jan 27, 2018

Loading thumbnail…

S18 - HW 3 - Bar Chart

This example shows two identical bar charts displaying the frequency of letters in the English language, based on data from a TSV file. The charts use D3 v4 to render SVG elements, with d3-dsv for parsing the tab-separated values, d3-scale for position encodings, and d3-axis for axes. Each chart applies conventional margins and uses a band scale for the x-axis (letters) and a linear scale for the y-axis (frequencies), with bars colored steelblue. The first chart includes a y-axis label, while the second chart omits it, illustrating a minor variation in annotation. The visualization demonstrates standard D3 bar chart construction with axes, scales, and data binding.

Jan 27, 2018

Loading thumbnail…

S18 - HW 3 - Bar Chart

This visualization displays two identical bar charts showing the frequency of letters in the English language, using data loaded from a TSV file. Each chart encodes the 26 letters along the x-axis using an ordinal band scale and their frequencies (ranging from 0 to ~0.127) along the y-axis using a linear scale. The bars are rendered as SVG rectangles with a steelblue fill, and each chart includes labeled axes with tick marks formatted as percentages. The visualization employs D3 v4 features including d3-dsv for parsing tab-separated values, d3-scale for position encoding, d3-array for data processing, and d3-axis for axes. The two identical charts are displayed side-by-side to demonstrate the same data with slightly different axis class naming conventions, likely for instructional purposes in a data visualization course assignment.

Jan 27, 2018