The narrative visualization should follow one of the three effective narrative visualization structures:
a martini glass, where the message is delivered without allowing user exploration until the end,
an interactive slideshow, where user exploration is allowed at some or all of the steps of the story, or
a drill down story. which presents an overview and allows the user to explore different storylines from there.
You must use the D3 library to construct your pages. You cannot use Tableau Stories, Vega, Vega-Lite, Ellipses or any other high-level tool designed for data visualization to implement your narrative visualization.
The narrative visualization should be built with scenes, annotations, parameters, and triggers.
The scenes should follow a template for visual consistency and follow an order to best convey the message. One way to implement different scenes is to make each a separate web page. Another way is to use [login to view URL](id).html = "" to clear the contents of a container element (e.g. an SVG element) and then repopulate that element using .append().
An essay will be required and will be submitted along with the URL of the narrative visualization. This essay is an important piece of the assignment as it is used for you to communicate your understanding of the concepts of narrative visualization and how they apply to the one you created.
The essay should contain the following sections.
Messaging. What is the message you are trying to communicate with the narrative visualization?
Narrative Structure. Which structure was your narrative visualization designed to follow (martini glass, interactive slide show or drop-down story)? How does your narrative visualization follow that structure? (All of these structures can include the opportunity to "drill-down" and explore. The difference is where that opportunity happens in the structure.)
Visual Structure. What visual structure is used for each scene? How does it ensure the viewer can understand the data and navigate the scene? How does it highlight to urge the viewer to focus on the important parts of the data in each scene? How does it help the viewer transition to other scenes, to understand how the data connects to the data in other scenes?
Scenes. What are the scenes of your narrative visualization? How are the scenes ordered, and why
Annotations. What template was followed for the annotations, and why that template? How are the annotations used to support the messaging? Do the annotations change within a single scene, and if so, how and why
Parameters. What are the parameters of the narrative visualization? What are the states of the narrative visualization? How are the parameters used to define the state and each scene?
Triggers. What are the triggers that connect user actions to changes of state in the narrative visualization? What affordances are provided to the user to communicate to them what options are available to them in the narrative visualization?
13 freelances font une offre moyenne de 183 $ pour ce travail
Hi, I hope you are doing great..! I am highly interested in your job & would love to discuss your job details so we can understand everything better to deliver you the desired work. Please come over chat for further Plus
"WEB EXPERT" Warm greeting!! As you are looking for WEB DEVELOPER to " Create a narrative visualization implemented as an interactive web page", I am a highly skilled WEBSITE developer with more than 5 years of qua Plus
Hi there, I have read your project description and i'm confident i can do this project for you perfectly.I still have a few questions. please leave a message on my chat so we can discuss the budget and deadline of the Plus
Hi there, I'm bidding on your project "Create a narrative visualization implemented as an interactive web page" we are a team of titanium certified developers. we excel inAutoCAD and solidworks enviroment along with u Plus
I have read your project description. I am immediately available to assist you with your project. I am good at : 1. WordPress, Shopify, Magento, Opencart, Joomla web development 2. PSD to HTML 3. Responsive web develo Plus
Hi! I would apprise you that I have extensive expertise in front-end development for dynamic web projects using java script, React.js, vue.js... I am a honest, excellent Web Developer specializing in FullStack Web Plus
Hi! I am ready to work with you, I have read your requirements and I am confident that I can deliver you the Create a narrative visualization implemented as an interactive web page. I am professional engineer with skil Plus
Hello , Hope you are doing fine there !! I'll be happy to assist you with your project Create a narrative visualization implemented as an interactive web page. I would like to discuss with you in more details so tha Plus
Dear. Thanks for your job posting. I am glad to place a bid on here as I am familiar with data visualization and can help your project right now. I hope we will discuss in more detail about your project. Kind regards.
Hi, I understand your project requirements completely and feel confident to deliver the job perfectly. Kindly share some more details so I can start this job right away. I am expert programmer with expertise in PHP, W Plus