Your DataTables aren't loading in your live app because of the first / in the URL to the .txt file (/js/EEO_1Perc.txt). That makes the URL www.myname.com//js/myfile.txt, and the extra slash breaks the path.

In the first table, you need to explain the difference between executives and professionals. Don't presume readers will know.

Put the acronym after the link to the source in the article above, so readers will be familiar with it when they read the caption to this table.

hyphen

This looks like it's supposed to have a tooltip, but it doesn't. Why are the numbers greater than 2 highlighted in red?

This metric is confusing and most people are unfamiliar with it. You need to explain how scientists calculate the anomalies. I believe they measure temperatures at various places in the ocean, and the deviation from the overall average surface temperature is the anomaly. And what's the baseline 'average' temperature? Readers will presume that has also risen, and need to see how the anomalies affect the average.

You should have this table show all more entries on load (at least 25) and sort it by the largest contributors to smallest. Since it would be a longer table, just float it to the side and wrap the article around it.

And you should mention that these offenders are almost exclusively oil and coal companies. That's noteworthy.

This dataset calls for a heat map. It would better show the data and break up the monotony of the green bar charts.

Since there are subcategories for carbon dioxide, you should make a stacked bar chart for this dataset; especially if you have data on different categories of other gas emisson (e.g., methane).

Your first chart breaks down the gas emission by gas, but this one doesn't. Does it represent ALL types of gas? You might want to call it Total greenhouse gas emissions by economic sector.

trap heat and lead to...

The Post left-aligns their headlines

Your app is missing many of the key elements in the Post's design, e.g., the sticky social media nav, the footer, related stories, comments, subscription button and user login in the header, etc.

Link to your source

You need to align this bar chart vertically and make the bars wider to better show the data. Users will have a hard time accessing certain states to see the numbers in the tooltips. And why do states have 'possible additional cash payments' coming to them? I presume it's because they have many areas with more than 50 percent student qualification (as you mentioned earlier), but it's not clear in the chart. Also, your title is awkward. I think you mean, 'Summer Meal-Dollars'.

This data would be better served with a heat map that shows the amount of unused money in each state.

You're missing some key elements of the Post's design: the sticky social media nav, the More Stories, More Coverage, Comments, and newsletter signup. You don't need to show all of the comments, but at least include the header to that section.

Again, this geographic data calls for a heat map. You can build one in HighMaps or another JS library.

Wow. That's troubling.

link to your source

link to your source

This is an unfamiliar term for most people, so you need to define it upon first use. Change the second part of the quote to a paraphrase and define the them after a comma, e.g., food deserts, areas where...

The apostrophe isn't rendering correctly because you're missing the meta charset tag in your HTML head.

This data calls for a heat map.

Link to your source. And watch out for typos in your chart legend (food serive)

This is a bit awkward. Perhaps make it a separate sentence: 'The US Department of Agriculture provided nearly $12.5 million to fund the program.'

more than 4.4 million

comma

Excellent scatter plot, but you need a caption the X axis.

You don't need a list of sources below the article, since you linked to them in the text.

You should really go to the source data for this, e.g., the Census Bureau, not just Statistica.

Yeah, this was shocking. Michigan and NY are the top two states? Who knew.

Great point

Link to your source data

are in each state

Great heat map. Come on, Mississippi.

Actually, coming from Asheville, your beer world is incredibly large for a town that size. I think I've read that Asheville has more craft breweries per capita than almost any other city. Lucky you.

AP style: 10 percent

The table is just another presentation of the same data. I think you can find some other interesting insights in this story and build charts to show them. See comments above (e.g., possible correlations between the rise of free lunches and geographic and socioeconomic factors).

Many readers (myself included) will also wonder: is there a correlation between the location of schools and the number of students receiving free lunches? I would presume there is. If you have the data on that, you should build a heat map.

Your early quote from the school principal also raises another question: Are we giving free lunches to students who could otherwise afford them, just to ensure that they eat healthy meals? If so, that's disturbing and provocative. You should explore that issue.

This means that when adjusted for inflation, wages haven't risen since the late 1970s.

You need to link to the source.

The line chart is good, but 'frequency' isn't the correct term to describe the percentage of students receiving free meals. 'Prevalence' is the word you're looking for.

The fraction is odd. I would either write it out (three-fourths) or use the decimal value, 0.75. I think AP style calls for three-fourths.

Why didn't you include his name?

I love the stacked bar chart. It's the perfect way to visualize this dataset, and it's really interesting. Great job. You need to link to the source data, though.

didn't begin until 1969

This is a bit awkward. Perhaps 'more than double'

Nice job on the social nav. Your visual design is excellent. Good attention to detail. It really matches the Post.

You should make the hamburger button actually work. You know how.

This is an awkward and confusing caption ('approval gun violence'), especially if you just glance at it without reading the title of the chart. I would change it to 'approve Trump's handling'

Be careful with the range in your Y axis. With the top end set at 60 percent, it skews the graphic, so the difference between the Disapprove column and Approve column looks larger than it would have been if the range went to 100 percent.

You're missing the comments bar and latest news sections; key features in the LA Times design.

link to the source

Float the chart to the left so the article wraps around it and fills the empty space.

But what percentage of younger voters actually vote? Historically, young voters turnout in much lower numbers that other demographics. You should mention this, because it's part of your story -- you suggest voting as the recourse for young people unhappy with the current response of gun violence.

Need a link. Also, I expected to see a chart based on this data. The article feels unfinished, like you started to write a section about the mental illness angle and build a chart for it, but stopped.

comma

link to the source

make this a link to the source

Again, your phrasing is a bit awkward and confusing. Perhaps, 'These young adults didn't just live through the shootings, they were students themselves when the shootings occurred; they have an empathy unseen in other generations.'

older Americans

link

This is an odd word choice. You don't increase perspective, you change it. Perhaps you mean 'the youth influence in politics'?

now-former

This should be a link

You DataTable isn't loading on your live app because of the first / in the path to the txt file (/js/mass-shootings.txt). This adds an extra slash in the URL on the live server: samanthadikolli.com/487_project3//mass-shootings

Remove the slash or add a dot ./

Also, have the table sorted by year when it loads (see the datatables docs for how to do that), show more than 10 rows by default, and float it to the left so the article wraps around it.

This is awkward. I think you mean, 'Gun violence has been a prevailing issue in America since 1982.'

Many would argue that public concern began at Columbine in 1999.

AP Style: numbers from zero to nine are written out

Write out the number when it starts a sentence, e.g. Thirteen...

This is an awkward lede. Just say, "There have already been 307 mass shootings in America in 2018, according to the National Gun Archive." And include a link to the source.

The current online LA Times layout does not have the reporter's photo in the byline at the top.

You're missing the subscription offer button

To use a custom font (Cloister Black) you have to either @import it in your CSS or link to it in your HTML, a la Google Fonts.

This is confusing and needs clearer explanation. 'Average yearly temperature' means the average temp of the sea surface across the globe at any given year. But what's the anomaly number exactly and how is it calculated so that it's different from the average temp? Aren't the anomalies based on variations in temp in different geographic regions of the ocean? This is another reason why you need a link to the source data. Maybe I'm missing something, but your audience likely will, too.

The Y axis caption is also confusing. I don't think the 'average temperature' of the sea was below freezing until the 1980s. I think you mean 'average anomaly.'

You should have this table sorted by ascending year (when it loads), given the topic.

'the effects of climate change that some experts predict.'

Overall, nice job on the header; just some spacing issues

supportDiv should be all code, not an image.

What's the X axis on this line chart? I presume it's Years, but you need to specify. What is the caption, y=0.0026x - 2.4325?

Ideally, you would project the trendline onto the existing scatter plot, but that requires more advanced charting (e.g., D3.js)

This is because of the way the scatter plot presents the data (see comment above), and because the range is so small in this dataset; the number of storms only ranges from 0 to 9, so the bubbles are scattered too much to show a trend.

There isn't enough variance in the wind speed data to show a noticeable size difference in the bubbles. Also, scatter plots aren't the right choice for data that has an ordinal scale -- values that indicate a series or categories (like years, names, etc.). Scatter plots will only show a trend if both axises have linear scale, i.e. they both show continuous quantitative values. Because the X axis is ordinal (years), dots tend to stack up in vertical lines, and you can't see a pattern.

link to the source

need to link to the source

You need a link to a source on this.

awkward word choice. Maybe use 'researchers.'

need a colon or dash here

You also know enough JS to emulate their expanded search bar.

You also know how to make this an actual, real-time JS date.

You should make this hamburger button work. You know how.

This is an awkward lede. Perhaps, 'The Southern US has suffered its share of costly storms in recent years. Hurricane Katrina caused $125 billion in damage...etc.'

It's presumed that you interviewed this person. You only need to mention this if he responded via email.

What's the Y axis of this chart? The caption says 'percentage Asian and Pacific Islander,' but there are no numbers in the axis. The percentage is the size of the circles, right? You MUST fix this before you put it in your portfolio. Please let me know if you're confused on how to visualize this sort of dataset.

You started strong in matching the LA Times visual design. But you're missing a lot of key elements from the bottom of the site: the author bio, comments bar, latest news, and footer.

The years should be columns, not rows. Or better, just add the graduates from 2013 to 2016 and show a single number for each school. Even better yet, make a multi-line chart showing the trends for each school. And your title should read, Graduates Per Asian-American Program. You need to be specific.

Watch out for the overuse of ellipses...

Binghamton, in upstate NY? That's strange.

Float the map div so the article wraps around it and doesn't create empty space.

Shouldn't there be color differences between the states, since some have a lot more than others? The legend needs numbers at each end to explain the range. And add break tags or ul tags in the tooltip code so the schools are listed vertically.

wrong link

'the Collegeboard list of 3,770 schools...'

Again, no need for this

You need to mention Ho's job title in the first or second use of her name in the story.

Add target=_blank so this link opens in a new tab. Otherwise, users get stuck on the PDF.

'This is in spite of the fact that the Asian population has skyrocketed, from...'

This is an awkward lede. Perhaps: 'UNC is a school that champions diversity and has more than 100 academic departments. Students can study African-American, Latin-American, and Indian-American cultures, among others. But there is no department for the 'invisible group' -- Asian-Americans.

odd word choice

This headline is witty, but awkward, especially for a major publication like the LA Times

In general, I was hoping you would get source data and find your own story in it. This piece feels like a rehashing of Pew's work. They reported on the same findings. The NC section of the story is your own, but as I mention in other comments, that section feels out of place.

This chart is misleading. At a glance, viewers will presume that the chart shows that the overall number of Republicans making local posts was greater than Democrats, when in fact, it was simply the case that Republicans had a few more individuals making a high number of local posts (above 0.80). Be careful about this. You need to clear this up and/or use a different chart for the dataset before you put this in your portfolio. It should probably be a map or scatter plot, based on the numbers.

Also, these bars aren't user-friendly. The slivers are way too small to get any meaningful visual insights and/or hover over for tooltips. Many users won't even realize that the bars are made up of slivers with tooltip info available on each one.

The comments and related stories sections at the bottom are key parts of the Post's overall visual design.

Your sources should be links in the article and/or chart captions. That's the standard now for nearly all major publications.

I understand your reason for focusing on NC, but the transition from national to state is awkward and seems out of place. The Washington Post wouldn't go for this angle in a national news story unless the NC data was shocking and became the salient item in the entire piece itself. The table seems arbitrary, like it was tacked on to meet the requirements for the assignment (and I presume it was). I would keep digging through the national data and build a different table (or chart).

I would imagine this is because Republicans typically represent more rural areas than Democrats, who are centered in heavily populated West and East Coast areas. You might want to consider that in your article.

Why is it important to note this? Readers will expect you to offer commentary and/or theories on why the numbers decreased during the presidential election.

raise

'studied how Congress members used...' And link to the source on 'study'

link to the source

This title is long and confusing. Perhaps cut it down to 'Percentage of Posts about Political Opposition'

Interesting scatter plot. The tooltip info should read, 'total number of posts,' not 'total number of posts for each member'

This is awkward. Perhaps, 'perception of candidates, both incumbents and non-incumbents alike.'

The apostrophe didn't render correctly because you forgot the meta charset tag in the HTML.

Keep trying other fonts to match the Post; these aren't quite right.

Solid work on the header, but the subscription call-to-action button is a key part of the Post's header design. They also have the tagline 'Democracy Dies in Darkness' below the logo. And if you're going to have a hamburger menu, go ahead and make it work. You know how.

link to the source

This article feels unfinished. Readers will likely expect more written content based on the data in the table (see my other comment about the table).

The related stories section at the bottom is part of the Post's main visual design.

You should have this table sorted by birthrate, from highest to lowest, by default. If you do, you'll see a troubling (and very provocative) trend in this data: higher teen birthrates seem to correlate with racial diversity. States will higher numbers of minorities have higher birthrates. You might not want to step on that potential landmine, but it's worth exploring, even if you don't report on it. There also seems to be a correlation between income level and teen birthrate. Both of those trends would make for interesting and eye-opening charts (presuming the data backs it up, of course).

The area chart was a good choice. It shows the trend.

link to the source

"Choosing" is a problematic word. I would imagine that the number includes girls for whom unprotected sex wasn't a choice.

comma

This phrasing is a bit awkward.

Meaning that 23 percent are planned... Wow.

link to the source

Nice job on the stick social nav

If you're going to have a hamburger menu, go ahead and make it work. You know how.

If you're going to have a hamburger button, go ahead and make it work. You know how.

Be careful here. I'm not sure the data actually shows a statistically significantly increase.

Your line chart is reading the dates in the X axis as numbers, not years. You need to convert them to JS dates in the JSON.

What's a sugar delivery, exactly? Define the term on first use

Be careful when transitioning to first person; it's awkward.

What stores? Grocery stores?

In fact, some of the 'leanest' counties have the MOST fast food restaurants per capita. The data seems to discredit this theory.

Isn't that because of per capita needs? One grocery store can provide food to a lot more people than one fast food restaurant. Also, fast food restaurants typically specialize in one type of cuisine (burgers, Mexican, etc.), so each area would need multiple fast food places to fill all of the niches. You need to be careful with your blanket statements.

This isn't rendering as an apostrophe because you forgot the meta charset tag in your HTML

These should be links

This is a great scatter plot. Very interesting.

most people aren't familiar with this term. define it on first usage

Instead of using citations, just link to the sources. That's the standard for most major publications now.

percent

You're missing a few elements of the San Diego Tribune's design at the bottom of the page, e.g., the subscription call-to-action section and the related stories.

The line chart actually shows a sharp drop in the number of measles cases from its peak in 2014. You should address this in your article.

but another developed countries did not meet the threshold, e.g. Canada

You should try to make the threshold line bolder so it's clear in the chart. And the tooltip info should pertain only to the individual bar being selected by the cursor (e.g., Brazil - 4.0 %)

Make this a link to the source

Interesting.

This sentence is awkward and confusing. It implies that low-income Americans are the ones with the religious beliefs against vaccination, and if they could afford the vaccines, they would no longer hold those beliefs.

Well, there was still a threat, just much less of one.

Nice touch, making an real-time date with JS. I was hoping some students would do that.

Awkward phrasing. I think you need a comma after procedure.

The chart options menu with download-able csv data, etc. is nice, but it would be even better if it included links to your sources.

another good point

great point

I think I understand what you're trying to say here, but it's not clear.

comma

This headline font weight needs to be heavier to match the Post style.

You're missing some key element in the WaPo visual design: the social media nav, the recommended stories, the subscription call to action banner.

This caption is too long; it looks like the lede paragraph with broken font and padding. And you need to credit your photo sources.

It looks like Etsy and Yelp are exceptions to the gender rule. You should add some more info on this with tooltips.

Good disclosure. Adds integrity to your reporting.

capitalize

This is awkward and unnecessarily verbose. How about, 'This graph breaks down different fields in the tech industry by race and gender.'

comma

How can you have more than 100 percent in the race category? Because some employees identify as more than one race? If so, you need to explain that.

Of that total

comma

comma

capital C

This is an awkward phrase.

If you're going to have a hamburger button, you should make it actually work. You know how.

Your scatter plot is confusing because it shows an increase each year over the one before it (I thjink); but some years didn't increase as much, so the chart dips in places, when in fact there was a steady overall rise in temperature. And what's the starting point for the data, e.g, the baseline temperature before 1993? You would be better off just showing actual average land temp at each year.

This is a problematic headline, and not appropriate for the NYT. Climate change is an accepted fact by all credible scientists at this point. Your first source from NASA even labels its climate change webpage "Facts." Asking whether it's a myth tacitly announces to the readers that you're questioning it's truth, which in turn alludes to a myopic, conservative political worldview. The Times would never run this headline. Be careful about your choice of words.

Your DataTable is broken because the .txt file isn't in the correct format. Refer to the DT docs and the example in Sakai. It needs to be an object with one property called data, and data is an array of objects. Each object is an item in your JSON data, e.g., a county with air quality data. Ex: { "data": [ obj, obj, obj] }

It looks like you started to build this section to match the NYT but ran out of time.

Social media icons are easy to include with font awesome

If you're going to have a hamburger button, it should work. You know how to build that.

To use the Broken Plane font, you need to use the @font-face method in your CSS https://www.w3schools.com/css/css3_fonts.asp

a trend

have

industrialization

mean, singular

Your json isn't loading in the live version of the second chart because you have an extra / in the url path (/js/carbon-levels.json). That makes the URL myname.com//js/carbon

The scatter plot is missing the Y axis numbers on mobile.

You need to add a gradient on the right edge of the table on mobile so users know that it scrolls horizontally.

Typo

This entire passage is awkward and confusing because it's written as a series of negatives. I think this reflects the fact that you didn't find anything in the data (you acknowledge this at the end of the story). Basically, in other states, there were no statistically significant correlations between race, income and vaccination levels. Just say that and cut out the lead up.

You're scatter plot has statewide data mixed with data from counties. You should't do that; it likely skews the numbers. Clean up the JSON so it's only statewide sources (or conversely, remove the states and leave the counties). If it doesn't show anything noteworthy after that, you shouldn't use the chart at all.

You were wise to highlight this. It makes a huge difference in the integrity of the data visualization; one might argue that you're not making it 'easier to view,' you're cherry-picking the numbers to show a larger trend than what would otherwise exist. Be careful about this.

You need to reorder the columns in your table. People read dates from left to right, earliest to most recent.

Interesting. After the state legislature ended PBEs, parents against vaccination got medical exemptions for their children. How? I presume they needed some sort of documentation from their doctors. What doctor's were doing this? This is a story in and of itself.